#CEF695

#CEF695

Color Values

HEX

#CEF695

RGB

206, 246, 149

HSL

84.7, 84.3%, 77.5%

HSV

84.7, 39.4%, 96.5%

CMYK

16.3%, 0.0%, 39.4%, 3.5%

OKLCH

0.9229 0.1304 127.1

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CEF695

#BD95F6

Analogous

#F6ED95

#9EF695

#CEF695

Triadic

#CEF695

#95CEF6

#F695CE

Split Complementary

#CEF695

#959EF6

#ED95F6

Tetradic

#CEF695

#95F6ED

#BD95F6

#F6959E

Color Blindness Simulation

Original

#CEF695

Protanopia

#DFE0AC

Deuteranopia

#DDDAB2

Tritanopia

#D0BFC3

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EFFAE0
200
#E1F9BD
300
#CBF58E
400
#AFF051
500
#92EB14
600
#75BC10
700
#5E960D
800
#49750A
900
#37550C
950
#233607

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.24:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026