#283C69

#283C69

Color Values

HEX

#283C69

RGB

40, 60, 105

HSL

221,5, 44,8%, 28,4%

HSV

221,5, 61,9%, 41,2%

CMYK

61,9%, 42,9%, 0,0%, 58,8%

OKLCH

0,3634 0,0821 264,6

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#283C69

#695528

Analogous

#285C69

#342869

#283C69

Triadic

#283C69

#69283C

#3C6928

Split Complementary

#283C69

#693428

#5C6928

Tetradic

#283C69

#69285C

#695528

#286934

Color Blindness Simulation

Original

#283C69

Protanopia

#31315E

Deuteranopia

#302E5C

Tritanopia

#295654

Achromatopsia

#3B3B3B

CSS Usage

background-color: #283C69;
color: #283C69;
border-color: #283C69;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F4F6FA
100
#E6EBF4
200
#CBD5EB
300
#A6B7DD
400
#7690CB
500
#466AB9
600
#385494
700
#2D4476
800
#23355C
900
#1D2944
950
#121A2B

Contrast Checker

Text on white

10,82:1

AA Pass AAA Pass

Text on black

1,94: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