#DFEFBA

#DFEFBA

Color Values

HEX

#DFEFBA

RGB

223, 239, 186

HSL

78,1, 62,4%, 83,3%

HSV

78,1, 22,2%, 93,7%

CMYK

6,7%, 0,0%, 22,2%, 6,3%

OKLCH

0,927 0,0714 121,4

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#DFEFBA

#CABAEF

Analogous

#EFE4BA

#C4EFBA

#DFEFBA

Triadic

#DFEFBA

#BADFEF

#EFBADF

Split Complementary

#DFEFBA

#BAC4EF

#E4BAEF

Tetradic

#DFEFBA

#BAEFE4

#CABAEF

#EFBAC4

Color Blindness Simulation

Original

#DFEFBA

Protanopia

#E6E6C7

Deuteranopia

#E5E4CA

Tritanopia

#E0D1D3

Achromatopsia

#E8E8E8

CSS Usage

background-color: #DFEFBA;
color: #DFEFBA;
border-color: #DFEFBA;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F9FBF3
100
#F1F7E4
200
#E4F2C5
300
#D1E89C
400
#B8DC66
500
#9FCF30
600
#7FA626
700
#66851F
800
#506818
900
#3B4C15
950
#25300D

Contrast Checker

Text on white

1,22:1

AA Fail AAA Fail

Text on black

17,19: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