#0C7AF3

#0C7AF3

Color Values

HEX

#0C7AF3

RGB

12, 122, 243

HSL

211.4, 90.6%, 50.0%

HSV

211.4, 95.1%, 95.3%

CMYK

95.1%, 49.8%, 0.0%, 4.7%

OKLCH

0.5947 0.202 256.5

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#0C7AF3

#F3850C

Analogous

#0CEEF3

#110CF3

#0C7AF3

Triadic

#0C7AF3

#F30C7A

#7AF30C

Split Complementary

#0C7AF3

#F3110C

#EEF30C

Tetradic

#0C7AF3

#F30CEE

#F3850C

#0CF311

Color Blindness Simulation

Original

#0C7AF3

Protanopia

#3C3DD6

Deuteranopia

#352DCF

Tritanopia

#12BFBA

Achromatopsia

#6B6B6B

CSS Usage

background-color: #0C7AF3;
color: #0C7AF3;
border-color: #0C7AF3;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BBDAFC
300
#8ABFF9
400
#4B9DF6
500
#0C7AF3
600
#0A62C2
700
#084E9C
800
#063D7A
900
#092F58
950
#061D38

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

5.09:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026