#6595BA

#6595BA

Color Values

HEX

#6595BA

RGB

101, 149, 186

HSL

206.1, 38.1%, 56.3%

HSV

206.1, 45.7%, 72.9%

CMYK

45.7%, 19.9%, 0.0%, 27.1%

OKLCH

0.65 0.076 242.5

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#6595BA

#BA8A65

Analogous

#65BAB5

#656BBA

#6595BA

Triadic

#6595BA

#BA6595

#95BA65

Split Complementary

#6595BA

#BA656B

#BAB565

Tetradic

#6595BA

#B565BA

#BA8A65

#6BBA65

Color Blindness Simulation

Original

#6595BA

Protanopia

#7A7AB1

Deuteranopia

#7773AF

Tritanopia

#67AAA8

Achromatopsia

#8D8D8D

CSS Usage

background-color: #6595BA;
color: #6595BA;
border-color: #6595BA;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CEDDE9
300
#AAC5D9
400
#7DA5C5
500
#4F86B0
600
#3F6B8D
700
#335671
800
#274358
900
#203341
950
#142029

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

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