#304091

#304091

Color Values

HEX

#304091

RGB

48, 64, 145

HSL

230.1, 50.3%, 37.8%

HSV

230.1, 66.9%, 56.9%

CMYK

66.9%, 55.9%, 0.0%, 43.1%

OKLCH

0.4068 0.1345 270.8

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#304091

#918130

Analogous

#307091

#503091

#304091

Triadic

#304091

#913040

#409130

Split Complementary

#304091

#915030

#709130

Tetradic

#304091

#913070

#918130

#309150

Color Blindness Simulation

Original

#304091

Protanopia

#37377D

Deuteranopia

#363579

Tritanopia

#316E6B

Achromatopsia

#424242

CSS Usage

background-color: #304091;
color: #304091;
border-color: #304091;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F4F5FB
100
#E6E8F5
200
#C9CFED
300
#A3ADE1
400
#7181D0
500
#3F55C0
600
#334499
700
#29367B
800
#202A60
900
#1B2246
950
#11152C

Contrast Checker

Text on white

9.26:1

AA Pass AAA Pass

Text on black

2.27:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026