#508695

#508695

Color Values

HEX

#508695

RGB

80, 134, 149

HSL

193.0, 30.1%, 44.9%

HSV

193.0, 46.3%, 58.4%

CMYK

46.3%, 10.1%, 0.0%, 41.6%

OKLCH

0.5883 0.0616 217.5

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#508695

#955F50

Analogous

#509581

#506495

#508695

Triadic

#508695

#955086

#869550

Split Complementary

#508695

#955064

#958150

Tetradic

#508695

#815095

#955F50

#649550

Color Blindness Simulation

Original

#508695

Protanopia

#676891

Deuteranopia

#646090

Tritanopia

#538F8E

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E9F0F2
200
#D1E1E6
300
#AFCCD4
400
#84B1BD
500
#5995A6
600
#477785
700
#39606A
800
#2D4B53
900
#23383E
950
#162327

Contrast Checker

Text on white

4.05:1

AA Fail AAA Fail

Text on black

5.19:1

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