#284841

#284841

Color Values

HEX

#284841

RGB

40, 72, 65

HSL

166,9, 28,6%, 22,0%

HSV

166,9, 44,4%, 28,2%

CMYK

44,4%, 0,0%, 9,7%, 71,8%

OKLCH

0,3745 0,04 178,4

Properties

Cool Dark Nearest: RAL 6005 Moss Green

Color Harmonies

Complementary

#284841

#48282F

Analogous

#284831

#283F48

#284841

Triadic

#284841

#412848

#484128

Split Complementary

#284841

#48283F

#483128

Tetradic

#284841

#312848

#48282F

#3F4828

Color Blindness Simulation

Original

#284841

Protanopia

#363643

Deuteranopia

#343243

Tritanopia

#2A4444

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F5F9F8
100
#E9F1F0
200
#D1E6E1
300
#B0D3CC
400
#86BCB0
500
#5BA494
600
#498376
700
#3A695F
800
#2E524A
900
#243D37
950
#172623

Contrast Checker

Text on white

10,03:1

AA Pass AAA Pass

Text on black

2,09: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