#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026