#30554A

#30554A

Color Values

HEX

#30554A

RGB

48, 85, 74

HSL

162.2, 27.8%, 26.1%

HSV

162.2, 43.5%, 33.3%

CMYK

43.5%, 0.0%, 12.9%, 66.7%

OKLCH

0.418 0.0468 172.9

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#30554A

#55303B

Analogous

#305538

#304E55

#30554A

Triadic

#30554A

#4A3055

#554A30

Split Complementary

#30554A

#55304E

#553830

Tetradic

#30554A

#383055

#55303B

#4E5530

Color Blindness Simulation

Original

#30554A

Protanopia

#40404D

Deuteranopia

#3E3B4D

Tritanopia

#324F4F

Achromatopsia

#4C4C4C

CSS Usage

background-color: #30554A;
color: #30554A;
border-color: #30554A;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F6F9F8
100
#E9F1EF
200
#D1E5DF
300
#B1D3C9
400
#86BBAB
500
#5CA38E
600
#4A8272
700
#3B685B
800
#2E5147
900
#243D35
950
#172622

Contrast Checker

Text on white

8.32:1

AA Pass AAA Pass

Text on black

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