#284349

#284349

Color Values

HEX

#284349

RGB

40, 67, 73

HSL

190.9, 29.2%, 22.2%

HSV

190.9, 45.2%, 28.6%

CMYK

45.2%, 8.2%, 0.0%, 71.4%

OKLCH

0.3638 0.0344 213.3

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#284349

#492E28

Analogous

#28493F

#283349

#284349

Triadic

#284349

#492843

#434928

Split Complementary

#284349

#492833

#493F28

Tetradic

#284349

#3F2849

#492E28

#334928

Color Blindness Simulation

Original

#284349

Protanopia

#343448

Deuteranopia

#323047

Tritanopia

#294646

Achromatopsia

#3E3E3E

CSS Usage

background-color: #284349;
color: #284349;
border-color: #284349;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F5F9F9
100
#E9F0F2
200
#D1E2E6
300
#B0CDD4
400
#85B2BC
500
#5A97A5
600
#487984
700
#3A6169
800
#2D4C52
900
#24393D
950
#172427

Contrast Checker

Text on white

10.56:1

AA Pass AAA Pass

Text on black

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