#6492BF

#6492BF

Color Values

HEX

#6492BF

RGB

100, 146, 191

HSL

209.7, 41.6%, 57.1%

HSV

209.7, 47.6%, 74.9%

CMYK

47.6%, 23.6%, 0.0%, 25.1%

OKLCH

0.6449 0.0844 248.7

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#6492BF

#BF9164

Analogous

#64BFBF

#6465BF

#6492BF

Triadic

#6492BF

#BF6492

#92BF64

Split Complementary

#6492BF

#BF6465

#BFBF64

Tetradic

#6492BF

#BF64BF

#BF9164

#65BF64

Color Blindness Simulation

Original

#6492BF

Protanopia

#7878B4

Deuteranopia

#7572B2

Tritanopia

#66ACAA

Achromatopsia

#8B8B8B

CSS Usage

background-color: #6492BF;
color: #6492BF;
border-color: #6492BF;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CCDBEA
300
#A8C2DB
400
#79A1C8
500
#4A80B5
600
#3C6690
700
#305274
800
#25405A
900
#1E3143
950
#131F2A

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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