#B2CEAC

#B2CEAC

Color Values

HEX

#B2CEAC

RGB

178, 206, 172

HSL

109.4, 25.8%, 74.1%

HSV

109.4, 16.5%, 80.8%

CMYK

13.6%, 0.0%, 16.5%, 19.2%

OKLCH

0.8214 0.0556 140.1

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#B2CEAC

#C8ACCE

Analogous

#C3CEAC

#ACCEB7

#B2CEAC

Triadic

#B2CEAC

#ACB2CE

#CEACB2

Split Complementary

#B2CEAC

#B7ACCE

#CEACC3

Tetradic

#B2CEAC

#ACC3CE

#C8ACCE

#CEB7AC

Color Blindness Simulation

Original

#B2CEAC

Protanopia

#BEBEB4

Deuteranopia

#BCBAB6

Tritanopia

#B3BBBC

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#EBF1E9
200
#D5E5D2
300
#B8D2B2
400
#91B988
500
#6AA05F
600
#55804C
700
#44673D
800
#35502F
900
#293C25
950
#1A2617

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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