#283C40

#283C40

Color Values

HEX

#283C40

RGB

40, 60, 64

HSL

190.0, 23.1%, 20.4%

HSV

190.0, 37.5%, 25.1%

CMYK

37.5%, 6.2%, 0.0%, 74.9%

OKLCH

0.3409 0.0263 211.4

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#283C40

#402C28

Analogous

#284038

#283040

#283C40

Triadic

#283C40

#40283C

#3C4028

Split Complementary

#283C40

#402830

#403828

Tetradic

#283C40

#382840

#402C28

#304028

Color Blindness Simulation

Original

#283C40

Protanopia

#31313F

Deuteranopia

#302E3F

Tritanopia

#293E3E

Achromatopsia

#383838

CSS Usage

background-color: #283C40;
color: #283C40;
border-color: #283C40;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F6F8F9
100
#EAEFF1
200
#D3E1E4
300
#B4CBD0
400
#8BAFB6
500
#62939D
600
#4E767E
700
#3F5E64
800
#314A4E
900
#26373B
950
#182325

Contrast Checker

Text on white

11.6:1

AA Pass AAA Pass

Text on black

1.81:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026