#284651

#284651

Color Values

HEX

#284651

RGB

40, 70, 81

HSL

196.1, 33.9%, 23.7%

HSV

196.1, 50.6%, 31.8%

CMYK

50.6%, 13.6%, 0.0%, 68.2%

OKLCH

0.3755 0.0404 223.5

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#284651

#513328

Analogous

#285147

#283151

#284651

Triadic

#284651

#512846

#465128

Split Complementary

#284651

#512831

#514728

Tetradic

#284651

#472851

#513328

#315128

Color Blindness Simulation

Original

#284651

Protanopia

#35354E

Deuteranopia

#33314E

Tritanopia

#2A4C4C

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8F0F2
200
#CFE1E7
300
#ADCBD7
400
#81AFC1
500
#5494AB
600
#437689
700
#365E6D
800
#2A4A55
900
#22373F
950
#152328

Contrast Checker

Text on white

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