#30748F

#30748F

Color Values

HEX

#30748F

RGB

48, 116, 143

HSL

197,1, 49,7%, 37,5%

HSV

197,1, 66,4%, 56,1%

CMYK

66,4%, 18,9%, 0,0%, 43,9%

OKLCH

0,5273 0,0798 227,5

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#30748F

#8F4B30

Analogous

#308F7B

#30458F

#30748F

Triadic

#30748F

#8F3074

#748F30

Split Complementary

#30748F

#8F3045

#8F7B30

Tetradic

#30748F

#7B308F

#8F4B30

#458F30

Color Blindness Simulation

Original

#30748F

Protanopia

#4D4E88

Deuteranopia

#4A4487

Tritanopia

#338382

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E6F0F5
200
#CAE3ED
300
#A3CFE0
400
#72B5D0
500
#409BBF
600
#337C99
700
#29637A
800
#204D5F
900
#1B3A46
950
#11242C

Contrast Checker

Text on white

5,22:1

AA Pass AAA Fail

Text on black

4,02:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026