#B4E7BA

#B4E7BA

Color Values

HEX

#B4E7BA

RGB

180, 231, 186

HSL

127.1, 51.5%, 80.6%

HSV

127.1, 22.1%, 90.6%

CMYK

22.1%, 0.0%, 19.5%, 9.4%

OKLCH

0.8806 0.0808 148.0

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#B4E7BA

#E7B4E1

Analogous

#C8E7B4

#B4E7D4

#B4E7BA

Triadic

#B4E7BA

#BAB4E7

#E7BAB4

Split Complementary

#B4E7BA

#D4B4E7

#E7B4C8

Tetradic

#B4E7BA

#B4C8E7

#E7B4E1

#E7D4B4

Color Blindness Simulation

Original

#B4E7BA

Protanopia

#CACBC5

Deuteranopia

#C7C3C8

Tritanopia

#B7CDCF

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F4FBF5
100
#E5F5E7
200
#C9EECD
300
#A2E1AA
400
#70D17C
500
#3EC14D
600
#319B3E
700
#287C32
800
#1F6127
900
#1A471F
950
#102D14

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.08:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026