#0D50F2

#0D50F2

Color Values

HEX

#0D50F2

RGB

13, 80, 242

HSL

222.4, 89.8%, 50.0%

HSV

222.4, 94.6%, 94.9%

CMYK

94.6%, 66.9%, 0.0%, 5.1%

OKLCH

0.5135 0.2487 263.3

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#0D50F2

#F2AF0D

Analogous

#0DC3F2

#3C0DF2

#0D50F2

Triadic

#0D50F2

#F20D50

#50F20D

Split Complementary

#0D50F2

#F23C0D

#C3F20D

Tetradic

#0D50F2

#F20DC3

#F2AF0D

#0DF23C

Color Blindness Simulation

Original

#0D50F2

Protanopia

#2A2BCB

Deuteranopia

#2621C1

Tritanopia

#10ACA5

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E0E8FB
200
#BBCEFB
300
#8BABF9
400
#4C7EF5
500
#0D50F2
600
#0A40C2
700
#08339B
800
#072879
900
#092058
950
#061437

Contrast Checker

Text on white

6.09:1

AA Pass AAA Fail

Text on black

3.45:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026