#284D69

#284D69

Color Values

HEX

#284D69

RGB

40, 77, 105

HSL

205.8, 44.8%, 28.4%

HSV

205.8, 61.9%, 41.2%

CMYK

61.9%, 26.7%, 0.0%, 58.8%

OKLCH

0.4058 0.0636 243.1

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#284D69

#694428

Analogous

#286964

#282D69

#284D69

Triadic

#284D69

#69284D

#4D6928

Split Complementary

#284D69

#69282D

#696428

Tetradic

#284D69

#642869

#694428

#2D6928

Color Blindness Simulation

Original

#284D69

Protanopia

#383862

Deuteranopia

#363361

Tritanopia

#2A5D5C

Achromatopsia

#474747

CSS Usage

background-color: #284D69;
color: #284D69;
border-color: #284D69;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CBDEEB
300
#A6C6DD
400
#76A7CB
500
#4687B9
600
#386C94
700
#2D5776
800
#23445C
900
#1D3344
950
#12202B

Contrast Checker

Text on white

8.91:1

AA Pass AAA Pass

Text on black

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