#304CCF

#304CCF

Color Values

HEX

#304CCF

RGB

48, 76, 207

HSL

229.4, 62.4%, 50.0%

HSV

229.4, 76.8%, 81.2%

CMYK

76.8%, 63.3%, 0.0%, 18.8%

OKLCH

0.4829 0.2038 268.1

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#304CCF

#CFB330

Analogous

#309CCF

#6330CF

#304CCF

Triadic

#304CCF

#CF304C

#4CCF30

Split Complementary

#304CCF

#CF6330

#9CCF30

Tetradic

#304CCF

#CF309C

#CFB330

#30CF63

Color Blindness Simulation

Original

#304CCF

Protanopia

#3C3CAF

Deuteranopia

#3A38A8

Tritanopia

#319691

Achromatopsia

#505050

CSS Usage

background-color: #304CCF;
color: #304CCF;
border-color: #304CCF;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F3F5FB
100
#E4E7F7
200
#C5CDF2
300
#9CA9E8
400
#667BDC
500
#304CCF
600
#263DA6
700
#1F3185
800
#182668
900
#151F4C
950
#0D1330

Contrast Checker

Text on white

6.86:1

AA Pass AAA Fail

Text on black

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