#4D8288

#4D8288

Color Values

HEX

#4D8288

RGB

77, 130, 136

HSL

186.1, 27.7%, 41.8%

HSV

186.1, 43.4%, 53.3%

CMYK

43.4%, 4.4%, 0.0%, 46.7%

OKLCH

0.572 0.0572 205.0

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#4D8288

#88534D

Analogous

#4D8871

#4D6588

#4D8288

Triadic

#4D8288

#884D82

#82884D

Split Complementary

#4D8288

#884D65

#88714D

Tetradic

#4D8288

#714D88

#88534D

#65884D

Color Blindness Simulation

Original

#4D8288

Protanopia

#646487

Deuteranopia

#615D86

Tritanopia

#508585

Achromatopsia

#777777

CSS Usage

background-color: #4D8288;
color: #4D8288;
border-color: #4D8288;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D1E3E5
300
#B1CFD3
400
#87B5BB
500
#5C9CA3
600
#4A7D82
700
#3B6468
800
#2E4E51
900
#243A3D
950
#172526

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

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