#CEF993

#CEF993

Color Values

HEX

#CEF993

RGB

206, 249, 147

HSL

85.3, 89.5%, 77.6%

HSV

85.3, 41.0%, 97.6%

CMYK

17.3%, 0.0%, 41.0%, 2.4%

OKLCH

0.9291 0.1368 127.5

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CEF993

#BE93F9

Analogous

#F9F193

#9BF993

#CEF993

Triadic

#CEF993

#93CEF9

#F993CE

Split Complementary

#CEF993

#939BF9

#F193F9

Tetradic

#CEF993

#93F9F1

#BE93F9

#F9939B

Color Blindness Simulation

Original

#CEF993

Protanopia

#E1E1AC

Deuteranopia

#DEDBB2

Tritanopia

#D0BFC3

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EFFBE0
200
#E0FBBB
300
#CAF98B
400
#AEF54C
500
#91F20D
600
#74C10B
700
#5D9B09
800
#497907
900
#375709
950
#223706

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

17.6:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026