#DFF158

#DFF158

Color Values

HEX

#DFF158

RGB

223, 241, 88

HSL

67,1, 84,5%, 64,5%

HSV

67,1, 63,5%, 94,5%

CMYK

7,5%, 0,0%, 63,5%, 5,5%

OKLCH

0,9169 0,1742 115,6

Properties

Cool Light Nearest: Unmellow Yellow

Color Harmonies

Complementary

#DFF158

#6A58F1

Analogous

#F1B758

#92F158

#DFF158

Triadic

#DFF158

#58DFF1

#F158DF

Split Complementary

#DFF158

#5892F1

#B758F1

Tetradic

#DFF158

#58F1B7

#6A58F1

#F15892

Color Blindness Simulation

Original

#DFF158

Protanopia

#E7E77D

Deuteranopia

#E6E486

Tritanopia

#E09AA1

Achromatopsia

#E2E2E2

CSS Usage

background-color: #DFF158;
color: #DFF158;
border-color: #DFF158;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#FCFDF2
100
#F7FAE0
200
#F2F9BD
300
#E9F68E
400
#DEF051
500
#D2EB14
600
#A8BC10
700
#86970D
800
#69760A
900
#4D550C
950
#303607

Contrast Checker

Text on white

1,25:1

AA Fail AAA Fail

Text on black

16,86:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026