#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026