#DEF88C

#DEF88C

Color Values

HEX

#DEF88C

RGB

222, 248, 140

HSL

74.4, 88.5%, 76.1%

HSV

74.4, 43.5%, 97.3%

CMYK

10.5%, 0.0%, 43.5%, 2.7%

OKLCH

0.937 0.1367 120.2

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#DEF88C

#A68CF8

Analogous

#F8DC8C

#A8F88C

#DEF88C

Triadic

#DEF88C

#8CDEF8

#F88CDE

Split Complementary

#DEF88C

#8CA8F8

#DC8CF8

Tetradic

#DEF88C

#8CF8DC

#A68CF8

#F88CA8

Color Blindness Simulation

Original

#DEF88C

Protanopia

#E9E9A6

Deuteranopia

#E8E6AC

Tritanopia

#DFBBBF

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#FAFDF2
100
#F4FBE0
200
#ECFBBC
300
#DEF88C
400
#CCF44D
500
#BAF00F
600
#95C00C
700
#779A09
800
#5D7807
900
#45570A
950
#2B3706

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

17.91: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