#B2EDBA

#B2EDBA

Color Values

HEX

#B2EDBA

RGB

178, 237, 186

HSL

128,1, 62,1%, 81,4%

HSV

128,1, 24,9%, 92,9%

CMYK

24,9%, 0,0%, 21,5%, 7,1%

OKLCH

0,8926 0,0918 148,4

Properties

Cool Light Nearest: darkseagreen 2

Color Harmonies

Complementary

#B2EDBA

#EDB2E5

Analogous

#C8EDB2

#B2EDD8

#B2EDBA

Triadic

#B2EDBA

#BAB2ED

#EDBAB2

Split Complementary

#B2EDBA

#D8B2ED

#EDB2C8

Tetradic

#B2EDBA

#B2C8ED

#EDB2E5

#EDD8B2

Color Blindness Simulation

Original

#B2EDBA

Protanopia

#CCCCC6

Deuteranopia

#C8C4C9

Tritanopia

#B5D0D2

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F3FBF4
100
#E4F7E6
200
#C5F1CB
300
#9CE8A6
400
#66DB76
500
#30CF46
600
#27A538
700
#1F842D
800
#186723
900
#154C1D
950
#0D3012

Contrast Checker

Text on white

1,34:1

AA Fail AAA Fail

Text on black

15,72:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026