#305ACF

#305ACF

Color Values

HEX

#305ACF

RGB

48, 90, 207

HSL

224.2, 62.4%, 50.0%

HSV

224.2, 76.8%, 81.2%

CMYK

76.8%, 56.5%, 0.0%, 18.8%

OKLCH

0.5092 0.1872 265.2

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#305ACF

#CFA530

Analogous

#30A9CF

#5630CF

#305ACF

Triadic

#305ACF

#CF305A

#5ACF30

Split Complementary

#305ACF

#CF5630

#A9CF30

Tetradic

#305ACF

#CF30A9

#CFA530

#30CF56

Color Blindness Simulation

Original

#305ACF

Protanopia

#4243B3

Deuteranopia

#403DAC

Tritanopia

#329C97

Achromatopsia

#5A5A5A

CSS Usage

background-color: #305ACF;
color: #305ACF;
border-color: #305ACF;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F3F5FB
100
#E4E9F7
200
#C5D1F2
300
#9CB0E8
400
#6685DC
500
#305ACF
600
#2648A6
700
#1F3985
800
#182D68
900
#15244C
950
#0D1630

Contrast Checker

Text on white

6.02:1

AA Pass AAA Fail

Text on black

3.49:1

AA Fail 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