#CFE249

#CFE249

Color Values

HEX

#CFE249

RGB

207, 226, 73

HSL

67,5, 72,5%, 58,6%

HSV

67,5, 67,7%, 88,6%

CMYK

8,4%, 0,0%, 67,7%, 11,4%

OKLCH

0,8712 0,1729 116,2

Properties

Cool Light Nearest: Unmellow Yellow

Color Harmonies

Complementary

#CFE249

#5C49E2

Analogous

#E2A949

#82E249

#CFE249

Triadic

#CFE249

#49CFE2

#E249CF

Split Complementary

#CFE249

#4982E2

#A949E2

Tetradic

#CFE249

#49E2A9

#5C49E2

#E24982

Color Blindness Simulation

Original

#CFE249

Protanopia

#D7D76E

Deuteranopia

#D6D577

Tritanopia

#D08B92

Achromatopsia

#D3D3D3

CSS Usage

background-color: #CFE249;
color: #CFE249;
border-color: #CFE249;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#FBFCF3
100
#F5F8E2
200
#EFF5C1
300
#E3EE95
400
#D4E55C
500
#C5DC23
600
#9DB01C
700
#7E8D16
800
#626E12
900
#485011
950
#2E330B

Contrast Checker

Text on white

1,44:1

AA Fail AAA Fail

Text on black

14,63:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026