#6291BA

#6291BA

Color Values

HEX

#6291BA

RGB

98, 145, 186

HSL

208.0, 38.9%, 55.7%

HSV

208.0, 47.3%, 72.9%

CMYK

47.3%, 22.0%, 0.0%, 27.1%

OKLCH

0.6393 0.0802 245.8

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#6291BA

#BA8B62

Analogous

#62BAB7

#6265BA

#6291BA

Triadic

#6291BA

#BA6291

#91BA62

Split Complementary

#6291BA

#BA6265

#BAB762

Tetradic

#6291BA

#B762BA

#BA8B62

#65BA62

Color Blindness Simulation

Original

#6291BA

Protanopia

#7677B0

Deuteranopia

#7470AE

Tritanopia

#64A8A7

Achromatopsia

#8A8A8A

CSS Usage

background-color: #6291BA;
color: #6291BA;
border-color: #6291BA;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CDDCE9
300
#AAC3DA
400
#7CA3C5
500
#4E83B1
600
#3E698E
700
#325471
800
#274159
900
#1F3241
950
#141F29

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

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