#6569CF

#6569CF

Color Values

HEX

#6569CF

RGB

101, 105, 207

HSL

237.7, 52.5%, 60.4%

HSV

237.7, 51.2%, 81.2%

CMYK

51.2%, 49.3%, 0.0%, 18.8%

OKLCH

0.5683 0.1541 278.6

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#6569CF

#CFCB65

Analogous

#659ECF

#9665CF

#6569CF

Triadic

#6569CF

#CF6569

#69CF65

Split Complementary

#6569CF

#CF9665

#9ECF65

Tetradic

#6569CF

#CF659E

#CFCB65

#65CF96

Color Blindness Simulation

Original

#6569CF

Protanopia

#6767B6

Deuteranopia

#6666B0

Tritanopia

#65A39F

Achromatopsia

#707070

CSS Usage

background-color: #6569CF;
color: #6569CF;
border-color: #6569CF;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F4FB
100
#E5E6F5
200
#C9CAEE
300
#A2A4E2
400
#6F73D2
500
#3D42C2
600
#30359C
700
#272A7C
800
#1E2161
900
#1A1B47
950
#10112D

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

4.47:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026