#4381B3

#4381B3

Color Values

HEX

#4381B3

RGB

67, 129, 179

HSL

206.8, 45.5%, 48.2%

HSV

206.8, 62.6%, 70.2%

CMYK

62.6%, 27.9%, 0.0%, 29.8%

OKLCH

0.5839 0.1004 245.1

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#4381B3

#B37543

Analogous

#43B3AD

#4349B3

#4381B3

Triadic

#4381B3

#B34381

#81B343

Split Complementary

#4381B3

#B34349

#B3AD43

Tetradic

#4381B3

#AD43B3

#B37543

#49B343

Color Blindness Simulation

Original

#4381B3

Protanopia

#5E5EA7

Deuteranopia

#5A56A4

Tritanopia

#469D9B

Achromatopsia

#777777

CSS Usage

background-color: #4381B3;
color: #4381B3;
border-color: #4381B3;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CBDDEC
300
#A6C5DE
400
#76A5CC
500
#4586BA
600
#386B94
700
#2C5677
800
#23435D
900
#1D3344
950
#12202B

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

5.03:1

AA Pass 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