#CEF48F

#CEF48F

Color Values

HEX

#CEF48F

RGB

206, 244, 143

HSL

82,6, 82,1%, 75,9%

HSV

82,6, 41,4%, 95,7%

CMYK

15,6%, 0,0%, 41,4%, 4,3%

OKLCH

0,9177 0,134 125,8

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CEF48F

#B58FF4

Analogous

#F4E88F

#9CF48F

#CEF48F

Triadic

#CEF48F

#8FCEF4

#F48FCE

Split Complementary

#CEF48F

#8F9CF4

#E88FF4

Tetradic

#CEF48F

#8FF4E8

#B58FF4

#F48F9C

Color Blindness Simulation

Original

#CEF48F

Protanopia

#DEDFA7

Deuteranopia

#DCD9AD

Tritanopia

#D0BBBF

Achromatopsia

#E5E5E5

CSS Usage

background-color: #CEF48F;
color: #CEF48F;
border-color: #CEF48F;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F9FDF2
100
#F0FAE1
200
#E3F9BE
300
#CEF490
400
#B4EE53
500
#99E817
600
#7BBA12
700
#62950F
800
#4D740B
900
#39540D
950
#243508

Contrast Checker

Text on white

1,24:1

AA Fail AAA Fail

Text on black

16,96: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