#6495B7

#6495B7

Color Values

HEX

#6495B7

RGB

100, 149, 183

HSL

204.6, 36.6%, 55.5%

HSV

204.6, 45.4%, 71.8%

CMYK

45.4%, 18.6%, 0.0%, 28.2%

OKLCH

0.6482 0.0734 239.6

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#6495B7

#B78664

Analogous

#64B7B0

#646BB7

#6495B7

Triadic

#6495B7

#B76495

#95B764

Split Complementary

#6495B7

#B7646B

#B7B064

Tetradic

#6495B7

#B064B7

#B78664

#6BB764

Color Blindness Simulation

Original

#6495B7

Protanopia

#797AAF

Deuteranopia

#7673AD

Tritanopia

#66A8A7

Achromatopsia

#8D8D8D

CSS Usage

background-color: #6495B7;
color: #6495B7;
border-color: #6495B7;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F8FA
100
#E8EEF3
200
#CEDEE8
300
#ABC6D8
400
#7EA7C3
500
#5188AE
600
#416D8B
700
#34576F
800
#284457
900
#203340
950
#152029

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

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