#1667AA

#1667AA

Color Values

HEX

#1667AA

RGB

22, 103, 170

HSL

207.2, 77.1%, 37.6%

HSV

207.2, 87.1%, 66.7%

CMYK

87.1%, 39.4%, 0.0%, 33.3%

OKLCH

0.5032 0.1293 249.4

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#1667AA

#AA5916

Analogous

#16AAA3

#161DAA

#1667AA

Triadic

#1667AA

#AA1667

#67AA16

Split Complementary

#1667AA

#AA161D

#AAA316

Tetradic

#1667AA

#A316AA

#AA5916

#1DAA16

Color Blindness Simulation

Original

#1667AA

Protanopia

#393A9A

Deuteranopia

#342E96

Tritanopia

#1A8D8A

Achromatopsia

#5B5B5B

CSS Usage

background-color: #1667AA;
color: #1667AA;
border-color: #1667AA;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F2F8FC
100
#E1EEF9
200
#C0DEF7
300
#93C6F1
400
#58A7E9
500
#1D89E2
600
#176DB5
700
#135791
800
#0F4471
900
#0F3452
950
#092134

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

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