#6080B3

#6080B3

Color Values

HEX

#6080B3

RGB

96, 128, 179

HSL

216.9, 35.3%, 53.9%

HSV

216.9, 46.4%, 70.2%

CMYK

46.4%, 28.5%, 0.0%, 29.8%

OKLCH

0.5967 0.0867 259.5

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#6080B3

#B39360

Analogous

#60A9B3

#6960B3

#6080B3

Triadic

#6080B3

#B36080

#80B360

Split Complementary

#6080B3

#B36960

#A9B360

Tetradic

#6080B3

#B360A9

#B39360

#60B369

Color Blindness Simulation

Original

#6080B3

Protanopia

#6E6EA7

Deuteranopia

#6C6AA4

Tritanopia

#629D9B

Achromatopsia

#7D7D7D

CSS Usage

background-color: #6080B3;
color: #6080B3;
border-color: #6080B3;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E8ECF3
200
#CFD8E8
300
#ACBDD7
400
#7F99C2
500
#5275AD
600
#425E8A
700
#354B6E
800
#293B56
900
#212D40
950
#151C28

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

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