#0D3AF2

#0D3AF2

Color Values

HEX

#0D3AF2

RGB

13, 58, 242

HSL

228.2, 89.8%, 50.0%

HSV

228.2, 94.6%, 94.9%

CMYK

94.6%, 76.0%, 0.0%, 5.1%

OKLCH

0.4802 0.2702 264.7

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#0D3AF2

#F2C50D

Analogous

#0DADF2

#520DF2

#0D3AF2

Triadic

#0D3AF2

#F20D3A

#3AF20D

Split Complementary

#0D3AF2

#F2520D

#ADF20D

Tetradic

#0D3AF2

#F20DAD

#F2C50D

#0DF252

Color Blindness Simulation

Original

#0D3AF2

Protanopia

#2021C6

Deuteranopia

#1E1ABB

Tritanopia

#0FA29B

Achromatopsia

#3E3E3E

CSS Usage

background-color: #0D3AF2;
color: #0D3AF2;
border-color: #0D3AF2;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F4FD
100
#E0E5FB
200
#BBC8FB
300
#8BA0F9
400
#4C6DF5
500
#0D3AF2
600
#0A2EC2
700
#08259B
800
#071D79
900
#091958
950
#061037

Contrast Checker

Text on white

7.23:1

AA Pass AAA Pass

Text on black

2.9:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026