#9BECBF

#9BECBF

Color Values

HEX

#9BECBF

RGB

155, 236, 191

HSL

146,7, 68,1%, 76,7%

HSV

146,7, 34,3%, 92,5%

CMYK

34,3%, 0,0%, 19,1%, 7,5%

OKLCH

0,8787 0,1015 159,1

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#9BECBF

#EC9BC8

Analogous

#A0EC9B

#9BECE8

#9BECBF

Triadic

#9BECBF

#BF9BEC

#ECBF9B

Split Complementary

#9BECBF

#E89BEC

#EC9BA0

Tetradic

#9BECBF

#9BA0EC

#EC9BC8

#ECE89B

Color Blindness Simulation

Original

#9BECBF

Protanopia

#BEBFCA

Deuteranopia

#B9B3CC

Tritanopia

#9FD2D4

Achromatopsia

#D8D8D8

CSS Usage

background-color: #9BECBF;
color: #9BECBF;
border-color: #9BECBF;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F3FCF7
100
#E3F7EC
200
#C3F4D9
300
#98EBBD
400
#60E19A
500
#29D676
600
#21AB5E
700
#1A894B
800
#146B3B
900
#134E2D
950
#0C311D

Contrast Checker

Text on white

1,39:1

AA Fail AAA Fail

Text on black

15,14:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026