#283E39

#283E39

Color Values

HEX

#283E39

RGB

40, 62, 57

HSL

166.4, 21.6%, 20.0%

HSV

166.4, 35.5%, 24.3%

CMYK

35.5%, 0.0%, 8.1%, 75.7%

OKLCH

0.3437 0.0291 178.7

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#283E39

#3E282D

Analogous

#283E2E

#28383E

#283E39

Triadic

#283E39

#39283E

#3E3928

Split Complementary

#283E39

#3E2838

#3E2E28

Tetradic

#283E39

#2E283E

#3E282D

#383E28

Color Blindness Simulation

Original

#283E39

Protanopia

#32323A

Deuteranopia

#302F3A

Tritanopia

#293B3B

Achromatopsia

#393939

CSS Usage

background-color: #283E39;
color: #283E39;
border-color: #283E39;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D4E3E0
300
#B5CFC9
400
#8CB5AC
500
#649B8F
600
#507C72
700
#40635B
800
#324E47
900
#273A36
950
#192522

Contrast Checker

Text on white

11.42:1

AA Pass AAA Pass

Text on black

1.84:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026