#BCF1B7

#BCF1B7

Color Values

HEX

#BCF1B7

RGB

188, 241, 183

HSL

114.8, 67.4%, 83.1%

HSV

114.8, 24.1%, 94.5%

CMYK

22.0%, 0.0%, 24.1%, 5.5%

OKLCH

0.9068 0.095 142.6

Properties

Cool Light Nearest: darkseagreen 2

Color Harmonies

Complementary

#BCF1B7

#ECB7F1

Analogous

#D9F1B7

#B7F1CF

#BCF1B7

Triadic

#BCF1B7

#B7BCF1

#F1B7BC

Split Complementary

#BCF1B7

#CFB7F1

#F1B7D9

Tetradic

#BCF1B7

#B7D9F1

#ECB7F1

#F1CFB7

Color Blindness Simulation

Original

#BCF1B7

Protanopia

#D3D3C5

Deuteranopia

#D0CCC8

Tritanopia

#BFD0D3

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#F4FCF3
100
#E5F7E3
200
#C7F3C3
300
#A0EB99
400
#6CE061
500
#38D52A
600
#2DAB21
700
#24891B
800
#1C6B15
900
#184E13
950
#0F310C

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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