#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026