#107B93

#107B93

Color Values

HEX

#107B93

RGB

16, 123, 147

HSL

191.0, 80.4%, 32.0%

HSV

191.0, 89.1%, 57.6%

CMYK

89.1%, 16.3%, 0.0%, 42.4%

OKLCH

0.5395 0.0938 218.5

Properties

Cool Dark Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#107B93

#932810

Analogous

#10936A

#103A93

#107B93

Triadic

#107B93

#93107B

#7B9310

Split Complementary

#107B93

#93103A

#936A10

Tetradic

#107B93

#6A1093

#932810

#3A9310

Color Blindness Simulation

Original

#107B93

Protanopia

#3E3F8D

Deuteranopia

#38308C

Tritanopia

#158988

Achromatopsia

#666666

CSS Usage

background-color: #107B93;
color: #107B93;
border-color: #107B93;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F2FBFD
100
#E1F5F9
200
#BFEDF8
300
#91E1F3
400
#55D1ED
500
#19C0E6
600
#149AB8
700
#107B93
800
#0C6073
900
#0D4754
950
#082D35

Contrast Checker

Text on white

4.91:1

AA Pass AAA Fail

Text on black

4.28:1

AA Fail AAA Fail

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