#09454B

#09454B

Color Values

HEX

#09454B

RGB

9, 69, 75

HSL

185.5, 78.6%, 16.5%

HSV

185.5, 88.0%, 29.4%

CMYK

88.0%, 8.0%, 0.0%, 70.6%

OKLCH

0.358 0.0573 205.4

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#09454B

#4B0F09

Analogous

#094B30

#09244B

#09454B

Triadic

#09454B

#4B0945

#454B09

Split Complementary

#09454B

#4B0924

#4B3009

Tetradic

#09454B

#30094B

#4B0F09

#244B09

Color Blindness Simulation

Original

#09454B

Protanopia

#23244A

Deuteranopia

#201B49

Tritanopia

#0C4848

Achromatopsia

#393939

CSS Usage

background-color: #09454B;
color: #09454B;
border-color: #09454B;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F2FCFC
100
#E1F7F9
200
#BFF2F7
300
#92E9F2
400
#56DDEB
500
#1BD1E4
600
#16A7B6
700
#118692
800
#0E6972
900
#0E4C53
950
#093034

Contrast Checker

Text on white

10.69:1

AA Pass AAA Pass

Text on black

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