#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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026