#0042F7

#0042F7

Color Values

HEX

#0042F7

RGB

0, 66, 247

HSL

224.0, 100.0%, 48.4%

HSV

224.0, 100.0%, 96.9%

CMYK

100.0%, 73.3%, 0.0%, 3.1%

OKLCH

0.4952 0.2697 263.7

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#0042F7

#F7B500

Analogous

#00BDF7

#3A00F7

#0042F7

Triadic

#0042F7

#F70042

#42F700

Split Complementary

#0042F7

#F73A00

#BDF700

Tetradic

#0042F7

#F700BD

#F7B500

#00F73A

Color Blindness Simulation

Original

#0042F7

Protanopia

#1D1DCB

Deuteranopia

#1914C1

Tritanopia

#03A9A1

Achromatopsia

#414141

CSS Usage

background-color: #0042F7;
color: #0042F7;
border-color: #0042F7;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F1F4FE
100
#DEE6FC
200
#B8CBFF
300
#85A5FF
400
#4275FF
500
#0044FF
600
#0036CC
700
#002CA3
800
#002280
900
#051C5C
950
#03123A

Contrast Checker

Text on white

6.73:1

AA Pass AAA Fail

Text on black

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