#10BCB6

#10BCB6

Color Values

HEX

#10BCB6

RGB

16, 188, 182

HSL

177.9, 84.3%, 40.0%

HSV

177.9, 91.5%, 73.7%

CMYK

91.5%, 0.0%, 3.2%, 26.3%

OKLCH

0.7188 0.122 190.7

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#10BCB6

#BC1016

Analogous

#10BC60

#106CBC

#10BCB6

Triadic

#10BCB6

#B610BC

#BCB610

Split Complementary

#10BCB6

#BC106C

#BC6010

Tetradic

#10BCB6

#6010BC

#BC1016

#6CBC10

Color Blindness Simulation

Original

#10BCB6

Protanopia

#5B5CB7

Deuteranopia

#5044B8

Tritanopia

#19B9B9

Achromatopsia

#979797

CSS Usage

background-color: #10BCB6;
color: #10BCB6;
border-color: #10BCB6;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F2FDFC
100
#E0FAF9
200
#BDF9F7
300
#8EF5F2
400
#51F0EB
500
#14EBE3
600
#10BCB6
700
#0D9692
800
#0A7572
900
#0C5553
950
#073634

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

8.89: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