#6291CF

#6291CF

Color Values

HEX

#6291CF

RGB

98, 145, 207

HSL

214.1, 53.2%, 59.8%

HSV

214.1, 52.7%, 81.2%

CMYK

52.7%, 30.0%, 0.0%, 18.8%

OKLCH

0.6492 0.1066 255.7

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#6291CF

#CFA062

Analogous

#62C8CF

#6962CF

#6291CF

Triadic

#6291CF

#CF6291

#91CF62

Split Complementary

#6291CF

#CF6962

#C8CF62

Tetradic

#6291CF

#CF62C8

#CFA062

#62CF69

Color Blindness Simulation

Original

#6291CF

Protanopia

#7677C0

Deuteranopia

#7470BC

Tritanopia

#64B4B2

Achromatopsia

#8B8B8B

CSS Usage

background-color: #6291CF;
color: #6291CF;
border-color: #6291CF;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FB
100
#E5ECF5
200
#C8D9EE
300
#A1BDE2
400
#6E9AD3
500
#3C76C3
600
#305F9C
700
#264C7D
800
#1E3B62
900
#192D48
950
#101D2D

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

6.47:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026