#B8F2D3

#B8F2D3

Color Values

HEX

#B8F2D3

RGB

184, 242, 211

HSL

147.9, 69.0%, 83.5%

HSV

147.9, 24.0%, 94.9%

CMYK

24.0%, 0.0%, 12.8%, 5.1%

OKLCH

0.9132 0.0725 161.2

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#B8F2D3

#F2B8D7

Analogous

#BAF2B8

#B8F2F0

#B8F2D3

Triadic

#B8F2D3

#D3B8F2

#F2D3B8

Split Complementary

#B8F2D3

#F0B8F2

#F2B8BA

Tetradic

#B8F2D3

#B8BAF2

#F2B8D7

#F2F0B8

Color Blindness Simulation

Original

#B8F2D3

Protanopia

#D1D2DA

Deuteranopia

#CEC9DC

Tritanopia

#BBE0E2

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E3F8EC
200
#C3F4DA
300
#98ECBF
400
#60E29C
500
#28D779
600
#20AC61
700
#198A4E
800
#146C3D
900
#124F2E
950
#0C321D

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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