#6495AF

#6495AF

Color Values

HEX

#6495AF

RGB

100, 149, 175

HSL

200,8, 31,9%, 53,9%

HSV

200,8, 42,9%, 68,6%

CMYK

42,9%, 14,9%, 0,0%, 31,4%

OKLCH

0,6448 0,0655 232,3

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#6495AF

#AF7E64

Analogous

#64AFA3

#646FAF

#6495AF

Triadic

#6495AF

#AF6495

#95AF64

Split Complementary

#6495AF

#AF646F

#AFA364

Tetradic

#6495AF

#A364AF

#AF7E64

#6FAF64

Color Blindness Simulation

Original

#6495AF

Protanopia

#797AA9

Deuteranopia

#7673A7

Tritanopia

#66A4A3

Achromatopsia

#8C8C8C

CSS Usage

background-color: #6495AF;
color: #6495AF;
border-color: #6495AF;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F8F9
100
#E8EFF2
200
#D0DFE7
300
#AEC8D5
400
#83AABF
500
#578CA8
600
#457087
700
#385A6C
800
#2B4654
900
#23353E
950
#162127

Contrast Checker

Text on white

3,25:1

AA Fail AAA Fail

Text on black

6,46: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