#6494B6

#6494B6

Color Values

HEX

#6494B6

RGB

100, 148, 182

HSL

204.9, 36.0%, 55.3%

HSV

204.9, 45.1%, 71.4%

CMYK

45.1%, 18.7%, 0.0%, 28.6%

OKLCH

0.6454 0.0728 240.2

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#6494B6

#B68664

Analogous

#64B6AF

#646BB6

#6494B6

Triadic

#6494B6

#B66494

#94B664

Split Complementary

#6494B6

#B6646B

#B6AF64

Tetradic

#6494B6

#AF64B6

#B68664

#6BB664

Color Blindness Simulation

Original

#6494B6

Protanopia

#7979AE

Deuteranopia

#7672AC

Tritanopia

#66A7A6

Achromatopsia

#8C8C8C

CSS Usage

background-color: #6494B6;
color: #6494B6;
border-color: #6494B6;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F8FA
100
#E8EEF3
200
#CEDDE8
300
#ACC6D8
400
#7FA6C3
500
#5287AD
600
#416C8B
700
#34576F
800
#294457
900
#213340
950
#152029

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

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