#105663

#105663

Color Values

HEX

#105663

RGB

16, 86, 99

HSL

189.4, 72.2%, 22.5%

HSV

189.4, 83.8%, 38.8%

CMYK

83.8%, 13.1%, 0.0%, 61.2%

OKLCH

0.4186 0.0678 213.6

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#105663

#631D10

Analogous

#106346

#102C63

#105663

Triadic

#105663

#631056

#566310

Split Complementary

#105663

#63102C

#634610

Tetradic

#105663

#461063

#631D10

#2C6310

Color Blindness Simulation

Original

#105663

Protanopia

#2E2F60

Deuteranopia

#2A255F

Tritanopia

#145D5D

Achromatopsia

#484848

CSS Usage

background-color: #105663;
color: #105663;
border-color: #105663;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F3FBFC
100
#E2F5F8
200
#C2EDF5
300
#96E0EE
400
#5DCFE5
500
#23BFDC
600
#1C99B0
700
#177A8D
800
#125F6E
900
#114650
950
#0B2C32

Contrast Checker

Text on white

8.29:1

AA Pass AAA Pass

Text on black

2.53:1

AA Fail AAA Fail

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