#B4D8AF

#B4D8AF

Color Values

HEX

#B4D8AF

RGB

180, 216, 175

HSL

112.7, 34.5%, 76.7%

HSV

112.7, 19.0%, 84.7%

CMYK

16.7%, 0.0%, 19.0%, 15.3%

OKLCH

0.8452 0.0678 141.7

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#B4D8AF

#D3AFD8

Analogous

#C9D8AF

#AFD8BF

#B4D8AF

Triadic

#B4D8AF

#AFB4D8

#D8AFB4

Split Complementary

#B4D8AF

#BFAFD8

#D8AFC9

Tetradic

#B4D8AF

#AFC9D8

#D3AFD8

#D8BFAF

Color Blindness Simulation

Original

#B4D8AF

Protanopia

#C4C4B9

Deuteranopia

#C2BFBB

Tritanopia

#B6C1C2

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#E9F2E8
200
#D2E8CF
300
#B2D7AD
400
#88C180
500
#5EAB54
600
#4B8943
700
#3C6E35
800
#2F562A
900
#253F21
950
#172815

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

13.38:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026