#DFE693

#DFE693

Color Values

HEX

#DFE693

RGB

223, 230, 147

HSL

65.1, 62.4%, 73.9%

HSV

65.1, 36.1%, 90.2%

CMYK

3.0%, 0.0%, 36.1%, 9.8%

OKLCH

0.9009 0.1055 112.4

Properties

Cool Light Nearest: Green Yellow

Color Harmonies

Complementary

#DFE693

#9A93E6

Analogous

#E6C493

#B5E693

#DFE693

Triadic

#DFE693

#93DFE6

#E693DF

Split Complementary

#DFE693

#93B5E6

#C493E6

Tetradic

#DFE693

#93E6C4

#9A93E6

#E693B5

Color Blindness Simulation

Original

#DFE693

Protanopia

#E2E2A7

Deuteranopia

#E2E1AC

Tritanopia

#DFB7BA

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F5F7E4
200
#EEF2C5
300
#E1E89C
400
#D2DC66
500
#C2CF30
600
#9BA626
700
#7C851F
800
#616818
900
#474C15
950
#2D300D

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.88:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026