#304ECF

#304ECF

Color Values

HEX

#304ECF

RGB

48, 78, 207

HSL

228.7, 62.4%, 50.0%

HSV

228.7, 76.8%, 81.2%

CMYK

76.8%, 62.3%, 0.0%, 18.8%

OKLCH

0.4865 0.2015 267.8

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#304ECF

#CFB130

Analogous

#309DCF

#6230CF

#304ECF

Triadic

#304ECF

#CF304E

#4ECF30

Split Complementary

#304ECF

#CF6230

#9DCF30

Tetradic

#304ECF

#CF309D

#CFB130

#30CF62

Color Blindness Simulation

Original

#304ECF

Protanopia

#3D3DB0

Deuteranopia

#3B39A8

Tritanopia

#319792

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F3F5FB
100
#E4E7F7
200
#C5CDF2
300
#9CAAE8
400
#667CDC
500
#304ECF
600
#263EA6
700
#1F3285
800
#182768
900
#151F4C
950
#0D1430

Contrast Checker

Text on white

6.74:1

AA Pass AAA Fail

Text on black

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