#0A0FC4

#0A0FC4

Color Values

HEX

#0A0FC4

RGB

10, 15, 196

HSL

238.4, 90.3%, 40.4%

HSV

238.4, 94.9%, 76.9%

CMYK

94.9%, 92.3%, 0.0%, 23.1%

OKLCH

0.3802 0.2504 265.3

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#0A0FC4

#C4BF0A

Analogous

#0A6CC4

#620AC4

#0A0FC4

Triadic

#0A0FC4

#C40A0F

#0FC40A

Split Complementary

#0A0FC4

#C4620A

#6CC40A

Tetradic

#0A0FC4

#C40A6C

#C4BF0A

#0AC462

Color Blindness Simulation

Original

#0A0FC4

Protanopia

#0C0C98

Deuteranopia

#0C0C8E

Tritanopia

#0A766E

Achromatopsia

#1B1B1B

CSS Usage

background-color: #0A0FC4;
color: #0A0FC4;
border-color: #0A0FC4;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BBBDFC
300
#8B8DF9
400
#4B50F6
500
#0C13F3
600
#0A0FC2
700
#080C9B
800
#060979
900
#090B58
950
#060737

Contrast Checker

Text on white

11.18:1

AA Pass AAA Pass

Text on black

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