#9BECCF

#9BECCF

Color Values

HEX

#9BECCF

RGB

155, 236, 207

HSL

158,5, 68,1%, 76,7%

HSV

158,5, 34,3%, 92,5%

CMYK

34,3%, 0,0%, 12,3%, 7,5%

OKLCH

0,8828 0,0894 169,7

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#9BECCF

#EC9BB8

Analogous

#9BECA7

#9BE1EC

#9BECCF

Triadic

#9BECCF

#CF9BEC

#ECCF9B

Split Complementary

#9BECCF

#EC9BE1

#ECA79B

Tetradic

#9BECCF

#A79BEC

#EC9BB8

#E1EC9B

Color Blindness Simulation

Original

#9BECCF

Protanopia

#BEBFD6

Deuteranopia

#B9B3D8

Tritanopia

#9FDCDD

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F3FCF9
100
#E3F7F0
200
#C3F4E2
300
#98EBCE
400
#60E1B3
500
#29D698
600
#21AB7A
700
#1A8961
800
#146B4C
900
#134E39
950
#0C3124

Contrast Checker

Text on white

1,37:1

AA Fail AAA Fail

Text on black

15,29: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