Lemon

#FFF700
RGB
255, 247, 0
HSL
58°, 100%, 50%
CMYK
0, 3, 100, 0
HSV
58°, 100%, 100%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FFF700 color: #FFF700;
RGB 255, 247, 0 color: rgb(255, 247, 0);
RGB Percentage 100%, 97%, 0% color: rgb(100%, 97%, 0%);
CMYK 0%, 3%, 100%, 0% Not supported in CSS
HSL 58°, 100%, 50% color: hsl(58, 100%, 50%);
HSV 58°, 100%, 100% Not supported in CSS
CIE-LAB 40, 2, 82 color: lab(40% 2 82);
Decimal 16774912 Not supported in CSS

Color Variations

Shades

#FFF700
#E6DE00
#CCC500
#B3AD00
#999400
#807B00
#666300
#4D4A00

Tints

#FFFCB3
#FFFC99
#FFFB80
#FFFA66
#FFF94D
#FFF833
#FFF71A
#FFF700

Tones

#FFF700
#F2EB0D
#E6DF1A
#D9D326
#CCC733
#BFBB40
#B3AF4D
#A6A359

Hues

#FFF700
#48FF00
#00FF77
#00C8FF
#0008FF
#B700FF
#FF0088
#FF3700

Color Harmonies

Analogous

#FF7700
Click to copy
#FFF700
Click to copy
100%
#88FF00
Click to copy

Complementary

#FFF700
Click to copy
100%
#0008FF
Click to copy
100%

Split Complementary

#FFF700
Click to copy
100%
#0088FF
Click to copy
#7700FF
Click to copy

Triadic

#FFF700
Click to copy
100%
#00FFF7
Click to copy
99%
#F700FF
Click to copy

Tetradic

#FFF700
Click to copy
100%
#00FF77
Click to copy
#0008FF
Click to copy
100%
#FF0088
Click to copy
99%

Square

#FFF700
Click to copy
100%
#00FF77
Click to copy
#0008FF
Click to copy
100%
#FF0088
Click to copy
99%

CSS & Dev Snippets

CSS
.lemon {
  color: #FFF700;
}
SCSS
$lemon: #FFF700;
RGB
rgb(255, 247, 0)

Accessibility & Contrast

White background

1.13:1
1.13
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

18.56:1
18.56
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags