#284548

#284548

Color Values

HEX

#284548

RGB

40, 69, 72

HSL

185.6, 28.6%, 22.0%

HSV

185.6, 44.4%, 28.2%

CMYK

44.4%, 4.2%, 0.0%, 71.8%

OKLCH

0.3689 0.0352 204.1

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#284548

#482B28

Analogous

#28483B

#283548

#284548

Triadic

#284548

#482845

#454828

Split Complementary

#284548

#482835

#483B28

Tetradic

#284548

#3B2848

#482B28

#354828

Color Blindness Simulation

Original

#284548

Protanopia

#353547

Deuteranopia

#333147

Tritanopia

#294747

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E9F1F1
200
#D1E4E6
300
#B0D0D3
400
#86B7BC
500
#5B9DA4
600
#497E83
700
#3A6569
800
#2E4F52
900
#243B3D
950
#172526

Contrast Checker

Text on white

10.32:1

AA Pass AAA Pass

Text on black

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