#DAF4BA

#DAF4BA

Color Values

HEX

#DAF4BA

RGB

218, 244, 186

HSL

86,9, 72,5%, 84,3%

HSV

86,9, 23,8%, 95,7%

CMYK

10,7%, 0,0%, 23,8%, 4,3%

OKLCH

0,9338 0,0807 127,5

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#DAF4BA

#D4BAF4

Analogous

#F4F1BA

#BDF4BA

#DAF4BA

Triadic

#DAF4BA

#BADAF4

#F4BADA

Split Complementary

#DAF4BA

#BABDF4

#F1BAF4

Tetradic

#DAF4BA

#BAF4F1

#D4BAF4

#F4BABD

Color Blindness Simulation

Original

#DAF4BA

Protanopia

#E5E5C8

Deuteranopia

#E4E2CB

Tritanopia

#DBD3D6

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EEF8E2
200
#DEF5C1
300
#C6EE95
400
#A8E55C
500
#89DC23
600
#6EB01C
700
#588D16
800
#456E12
900
#345011
950
#21330B

Contrast Checker

Text on white

1,19:1

AA Fail AAA Fail

Text on black

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