#146990

#146990

Color Values

HEX

#146990

RGB

20, 105, 144

HSL

198.9, 75.6%, 32.2%

HSV

198.9, 86.1%, 56.5%

CMYK

86.1%, 27.1%, 0.0%, 43.5%

OKLCH

0.4924 0.0973 234.8

Properties

Cool Dark Nearest: deepskyblue 4

Color Harmonies

Complementary

#146990

#903B14

Analogous

#149079

#142B90

#146990

Triadic

#146990

#901469

#699014

Split Complementary

#146990

#90142B

#907914

Tetradic

#146990

#791490

#903B14

#2B9014

Color Blindness Simulation

Original

#146990

Protanopia

#393A87

Deuteranopia

#342E84

Tritanopia

#187F7D

Achromatopsia

#5A5A5A

CSS Usage

background-color: #146990;
color: #146990;
border-color: #146990;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F2F9FC
100
#E2F1F9
200
#C0E5F6
300
#94D3F0
400
#59BBE8
500
#1FA3E0
600
#1983B3
700
#14688F
800
#105270
900
#0F3D51
950
#0A2633

Contrast Checker

Text on white

6.08:1

AA Pass AAA Fail

Text on black

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