#1C6988

#1C6988

Color Values

HEX

#1C6988

RGB

28, 105, 136

HSL

197.2, 65.9%, 32.2%

HSV

197.2, 79.4%, 53.3%

CMYK

79.4%, 22.8%, 0.0%, 46.7%

OKLCH

0.4899 0.0869 229.9

Properties

Cool Dark Nearest: deepskyblue 4

Color Harmonies

Complementary

#1C6988

#883B1C

Analogous

#1C8871

#1C3388

#1C6988

Triadic

#1C6988

#881C69

#69881C

Split Complementary

#1C6988

#881C33

#88711C

Tetradic

#1C6988

#711C88

#883B1C

#33881C

Color Blindness Simulation

Original

#1C6988

Protanopia

#3D3E81

Deuteranopia

#39337F

Tritanopia

#207B79

Achromatopsia

#5B5B5B

CSS Usage

background-color: #1C6988;
color: #1C6988;
border-color: #1C6988;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F3F9FC
100
#E3F1F7
200
#C4E5F3
300
#99D3EA
400
#62BBDF
500
#2BA3D4
600
#2383A9
700
#1C6987
800
#16526A
900
#143D4D
950
#0C2631

Contrast Checker

Text on white

6.13:1

AA Pass AAA Fail

Text on black

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