#30434F

#30434F

Color Values

HEX

#30434F

RGB

48, 67, 79

HSL

203.2, 24.4%, 24.9%

HSV

203.2, 39.2%, 31.0%

CMYK

39.2%, 15.2%, 0.0%, 69.0%

OKLCH

0.3718 0.0318 236.5

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#30434F

#4F3C30

Analogous

#304F4B

#30344F

#30434F

Triadic

#30434F

#4F3043

#434F30

Split Complementary

#30434F

#4F3034

#4F4B30

Tetradic

#30434F

#4B304F

#4F3C30

#344F30

Color Blindness Simulation

Original

#30434F

Protanopia

#38384C

Deuteranopia

#37364B

Tritanopia

#314A49

Achromatopsia

#404040

CSS Usage

background-color: #30434F;
color: #30434F;
border-color: #30434F;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D3DDE4
300
#B3C5D1
400
#8AA6B8
500
#60879F
600
#4D6C7F
700
#3E5666
800
#30434F
900
#26333B
950
#182025

Contrast Checker

Text on white

10.29:1

AA Pass AAA Pass

Text on black

2.04:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026