#305CE3

#305CE3

Color Values

HEX

#305CE3

RGB

48, 92, 227

HSL

225.3, 76.2%, 53.9%

HSV

225.3, 78.9%, 89.0%

CMYK

78.9%, 59.5%, 0.0%, 11.0%

OKLCH

0.5296 0.2108 265.6

Properties

Cool Dark Nearest: royalblue 2

Color Harmonies

Complementary

#305CE3

#E3B730

Analogous

#30B5E3

#5E30E3

#305CE3

Triadic

#305CE3

#E3305C

#5CE330

Split Complementary

#305CE3

#E35E30

#B5E330

Tetradic

#305CE3

#E330B5

#E3B730

#30E35E

Color Blindness Simulation

Original

#305CE3

Protanopia

#4343C2

Deuteranopia

#403DBA

Tritanopia

#32A9A3

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F2F5FC
100
#E2E7F9
200
#C0CDF7
300
#93AAF0
400
#597CE9
500
#1E4EE1
600
#183EB4
700
#133290
800
#0F2770
900
#0F2052
950
#0A1434

Contrast Checker

Text on white

5.58:1

AA Pass AAA Fail

Text on black

3.77: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