#50918D

#50918D

Color Values

HEX

#50918D

RGB

80, 145, 141

HSL

176.3, 28.9%, 44.1%

HSV

176.3, 44.8%, 56.9%

CMYK

44.8%, 0.0%, 2.8%, 43.1%

OKLCH

0.6123 0.0672 190.4

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#50918D

#915054

Analogous

#50916C

#507491

#50918D

Triadic

#50918D

#8D5091

#918D50

Split Complementary

#50918D

#915074

#916C50

Tetradic

#50918D

#6C5091

#915054

#749150

Color Blindness Simulation

Original

#50918D

Protanopia

#6C6D8E

Deuteranopia

#68648E

Tritanopia

#538F8F

Achromatopsia

#838383

CSS Usage

background-color: #50918D;
color: #50918D;
border-color: #50918D;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5F9F9
100
#E9F2F1
200
#D1E6E4
300
#B0D3D1
400
#85BCB9
500
#5BA4A0
600
#498380
700
#3A6966
800
#2D5250
900
#243D3B
950
#172726

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

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