#4D8DA4

#4D8DA4

Color Values

HEX

#4D8DA4

RGB

77, 141, 164

HSL

195.9, 36.1%, 47.3%

HSV

195.9, 53.0%, 64.3%

CMYK

53.0%, 14.0%, 0.0%, 35.7%

OKLCH

0.6098 0.0743 223.6

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#4D8DA4

#A4644D

Analogous

#4DA490

#4D62A4

#4D8DA4

Triadic

#4D8DA4

#A44D8D

#8DA44D

Split Complementary

#4D8DA4

#A44D62

#A4904D

Tetradic

#4D8DA4

#904DA4

#A4644D

#62A44D

Color Blindness Simulation

Original

#4D8DA4

Protanopia

#69699E

Deuteranopia

#65609D

Tritanopia

#509A99

Achromatopsia

#818181

CSS Usage

background-color: #4D8DA4;
color: #4D8DA4;
border-color: #4D8DA4;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F8FA
100
#E8F0F3
200
#CEE1E8
300
#ACCCD8
400
#7FB1C3
500
#5195AE
600
#41778B
700
#345F6F
800
#294B57
900
#213840
950
#152329

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

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