#0162C3

#0162C3

Color Values

HEX

#0162C3

RGB

1, 98, 195

HSL

210.0, 99.0%, 38.4%

HSV

210.0, 99.5%, 76.5%

CMYK

99.5%, 49.7%, 0.0%, 23.5%

OKLCH

0.5065 0.1702 255.7

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#0162C3

#C36201

Analogous

#01C3C3

#0101C3

#0162C3

Triadic

#0162C3

#C30162

#62C301

Split Complementary

#0162C3

#C30101

#C3C301

Tetradic

#0162C3

#C301C3

#C36201

#01C301

Color Blindness Simulation

Original

#0162C3

Protanopia

#2B2CAC

Deuteranopia

#251EA6

Tritanopia

#069995

Achromatopsia

#545454

CSS Usage

background-color: #0162C3;
color: #0162C3;
border-color: #0162C3;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F7FE
100
#DEEDFC
200
#B8DBFF
300
#85C2FE
400
#43A1FE
500
#0180FE
600
#0166CB
700
#0152A2
800
#01407F
900
#05305C
950
#031F3A

Contrast Checker

Text on white

5.94:1

AA Pass AAA Fail

Text on black

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