#305974

#305974

Color Values

HEX

#305974

RGB

48, 89, 116

HSL

203.8, 41.5%, 32.2%

HSV

203.8, 58.6%, 45.5%

CMYK

58.6%, 23.3%, 0.0%, 54.5%

OKLCH

0.4461 0.0641 239.3

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#305974

#744B30

Analogous

#30746D

#303774

#305974

Triadic

#305974

#743059

#597430

Split Complementary

#305974

#743037

#746D30

Tetradic

#305974

#6D3074

#744B30

#377430

Color Blindness Simulation

Original

#305974

Protanopia

#42426D

Deuteranopia

#3F3C6C

Tritanopia

#326867

Achromatopsia

#525252

CSS Usage

background-color: #305974;
color: #305974;
border-color: #305974;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CCDEEA
300
#A8C7DB
400
#79A9C8
500
#4B8AB4
600
#3C6F90
700
#305973
800
#25455A
900
#1E3443
950
#13212A

Contrast Checker

Text on white

7.48:1

AA Pass AAA Pass

Text on black

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