#074DF8

#074DF8

Color Values

HEX

#074DF8

RGB

7, 77, 248

HSL

222,6, 94,5%, 50,0%

HSV

222,6, 97,2%, 97,3%

CMYK

97,2%, 69,0%, 0,0%, 2,7%

OKLCH

0,5138 0,2594 263,4

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#074DF8

#F8B207

Analogous

#07C5F8

#3A07F8

#074DF8

Triadic

#074DF8

#F8074D

#4DF807

Split Complementary

#074DF8

#F83A07

#C5F807

Tetradic

#074DF8

#F807C5

#F8B207

#07F83A

Color Blindness Simulation

Original

#074DF8

Protanopia

#2526CF

Deuteranopia

#211CC5

Tritanopia

#0AAEA7

Achromatopsia

#4A4A4A

CSS Usage

background-color: #074DF8;
color: #074DF8;
border-color: #074DF8;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F1F5FD
100
#DFE7FB
200
#BACDFD
300
#88AAFC
400
#477BFA
500
#074DF8
600
#063EC6
700
#04319F
800
#04267C
900
#071F5A
950
#051439

Contrast Checker

Text on white

6,13:1

AA Pass AAA Fail

Text on black

3,43:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026