#4D72BA

#4D72BA

Color Values

HEX

#4D72BA

RGB

77, 114, 186

HSL

219.6, 44.1%, 51.6%

HSV

219.6, 58.6%, 72.9%

CMYK

58.6%, 38.7%, 0.0%, 27.1%

OKLCH

0.5585 0.12 262.6

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#4D72BA

#BA954D

Analogous

#4DA9BA

#5F4DBA

#4D72BA

Triadic

#4D72BA

#BA4D72

#72BA4D

Split Complementary

#4D72BA

#BA5F4D

#A9BA4D

Tetradic

#4D72BA

#BA4DA9

#BA954D

#4DBA5F

Color Blindness Simulation

Original

#4D72BA

Protanopia

#5D5DA9

Deuteranopia

#5B58A4

Tritanopia

#4F9B98

Achromatopsia

#6F6F6F

CSS Usage

background-color: #4D72BA;
color: #4D72BA;
border-color: #4D72BA;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F6FA
100
#E6EBF4
200
#CCD6EB
300
#A7B9DD
400
#7793CA
500
#476EB8
600
#395893
700
#2E4676
800
#24375C
900
#1D2A44
950
#121B2B

Contrast Checker

Text on white

4.74:1

AA Pass AAA Fail

Text on black

4.43:1

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