#B4DEAF

#B4DEAF

Color Values

HEX

#B4DEAF

RGB

180, 222, 175

HSL

113.6, 41.6%, 77.8%

HSV

113.6, 21.2%, 87.1%

CMYK

18.9%, 0.0%, 21.2%, 12.9%

OKLCH

0.8583 0.0777 142.1

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#B4DEAF

#D9AFDE

Analogous

#CBDEAF

#AFDEC1

#B4DEAF

Triadic

#B4DEAF

#AFB4DE

#DEAFB4

Split Complementary

#B4DEAF

#C1AFDE

#DEAFCB

Tetradic

#B4DEAF

#AFCBDE

#D9AFDE

#DEC1AF

Color Blindness Simulation

Original

#B4DEAF

Protanopia

#C6C7BA

Deuteranopia

#C4C1BD

Tritanopia

#B6C3C5

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F3E7
200
#D0EACC
300
#AEDBA8
400
#82C879
500
#56B54A
600
#45903C
700
#377430
800
#2B5A25
900
#22431E
950
#162A13

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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