#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

Янв 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Янв 21, 2026
Tutorials

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

Янв 18, 2026