#4D668F

#4D668F

Color Values

HEX

#4D668F

RGB

77, 102, 143

HSL

217.3, 30.0%, 43.1%

HSV

217.3, 46.2%, 56.1%

CMYK

46.2%, 28.7%, 0.0%, 43.9%

OKLCH

0.508 0.0722 260.0

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#4D668F

#8F764D

Analogous

#4D878F

#554D8F

#4D668F

Triadic

#4D668F

#8F4D66

#668F4D

Split Complementary

#4D668F

#8F554D

#878F4D

Tetradic

#4D668F

#8F4D87

#8F764D

#4D8F55

Color Blindness Simulation

Original

#4D668F

Protanopia

#585885

Deuteranopia

#565483

Tritanopia

#4E7D7C

Achromatopsia

#646464

CSS Usage

background-color: #4D668F;
color: #4D668F;
border-color: #4D668F;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F7F9
100
#E9ECF2
200
#D1D9E6
300
#AFBDD4
400
#849ABD
500
#5976A6
600
#475F85
700
#394C6A
800
#2D3B53
900
#232D3E
950
#161D27

Contrast Checker

Text on white

5.81:1

AA Pass AAA Fail

Text on black

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