#B4DFAA

#B4DFAA

Color Values

HEX

#B4DFAA

RGB

180, 223, 170

HSL

108.7, 45.3%, 77.1%

HSV

108.7, 23.8%, 87.5%

CMYK

19.3%, 0.0%, 23.8%, 12.5%

OKLCH

0.8594 0.0848 139.8

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#B4DFAA

#D5AADF

Analogous

#CFDFAA

#AADFBB

#B4DFAA

Triadic

#B4DFAA

#AAB4DF

#DFAAB4

Split Complementary

#B4DFAA

#BBAADF

#DFAACF

Tetradic

#B4DFAA

#AACFDF

#D5AADF

#DFBBAA

Color Blindness Simulation

Original

#B4DFAA

Protanopia

#C7C7B7

Deuteranopia

#C4C1BA

Tritanopia

#B6C1C3

Achromatopsia

#D2D2D2

CSS Usage

background-color: #B4DFAA;
color: #B4DFAA;
border-color: #B4DFAA;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F6FAF4
100
#E9F4E6
200
#D1EBCB
300
#B1DEA6
400
#86CB76
500
#5BB946
600
#499438
700
#3B772D
800
#2E5D23
900
#24441D
950
#172B12

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

14.08: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