#30758F

#30758F

Color Values

HEX

#30758F

RGB

48, 117, 143

HSL

196.4, 49.7%, 37.5%

HSV

196.4, 66.4%, 56.1%

CMYK

66.4%, 18.2%, 0.0%, 43.9%

OKLCH

0.5298 0.0796 226.2

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#30758F

#8F4A30

Analogous

#308F7A

#30468F

#30758F

Triadic

#30758F

#8F3075

#758F30

Split Complementary

#30758F

#8F3046

#8F7A30

Tetradic

#30758F

#7A308F

#8F4A30

#468F30

Color Blindness Simulation

Original

#30758F

Protanopia

#4E4E89

Deuteranopia

#4A4587

Tritanopia

#338483

Achromatopsia

#686868

CSS Usage

background-color: #30758F;
color: #30758F;
border-color: #30758F;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F4F9FB
100
#E6F1F5
200
#CAE3ED
300
#A3D0E0
400
#72B6D0
500
#409CBF
600
#337D99
700
#29647A
800
#204E5F
900
#1B3A46
950
#11252C

Contrast Checker

Text on white

5.16:1

AA Pass AAA Fail

Text on black

4.07:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026