#0462B2

#0462B2

Color Values

HEX

#0462B2

RGB

4, 98, 178

HSL

207.6, 95.6%, 35.7%

HSV

207.6, 97.8%, 69.8%

CMYK

97.8%, 44.9%, 0.0%, 30.2%

OKLCH

0.4944 0.1478 252.4

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#0462B2

#B25404

Analogous

#04B2AB

#040BB2

#0462B2

Triadic

#0462B2

#B20462

#62B204

Split Complementary

#0462B2

#B2040B

#B2AB04

Tetradic

#0462B2

#AB04B2

#B25404

#0BB204

Color Blindness Simulation

Original

#0462B2

Protanopia

#2D2E9F

Deuteranopia

#27209A

Tritanopia

#098F8C

Achromatopsia

#545454

CSS Usage

background-color: #0462B2;
color: #0462B2;
border-color: #0462B2;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F1F8FE
100
#DFEEFC
200
#B9DEFD
300
#87C6FC
400
#46A8FB
500
#0689F9
600
#046EC8
700
#0458A0
800
#03457D
900
#07345A
950
#042139

Contrast Checker

Text on white

6.19:1

AA Pass AAA Fail

Text on black

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