#4283AB

#4283AB

Color Values

HEX

#4283AB

RGB

66, 131, 171

HSL

202.9, 44.3%, 46.5%

HSV

202.9, 61.4%, 67.1%

CMYK

61.4%, 23.4%, 0.0%, 32.9%

OKLCH

0.5842 0.0906 238.0

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#4283AB

#AB6A42

Analogous

#42AB9F

#424EAB

#4283AB

Triadic

#4283AB

#AB4283

#83AB42

Split Complementary

#4283AB

#AB424E

#AB9F42

Tetradic

#4283AB

#9F42AB

#AB6A42

#4EAB42

Color Blindness Simulation

Original

#4283AB

Protanopia

#5E5FA1

Deuteranopia

#5A569F

Tritanopia

#459A98

Achromatopsia

#787878

CSS Usage

background-color: #4283AB;
color: #4283AB;
border-color: #4283AB;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F4F8FA
100
#E6EFF4
200
#CBDFEB
300
#A7C8DD
400
#77ABCA
500
#478DB8
600
#397193
700
#2D5A76
800
#24465C
900
#1D3544
950
#12212B

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

5.07:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026