#6063CF

#6063CF

Color Values

HEX

#6063CF

RGB

96, 99, 207

HSL

238.4, 53.6%, 59.4%

HSV

238.4, 53.6%, 81.2%

CMYK

53.6%, 52.2%, 0.0%, 18.8%

OKLCH

0.5534 0.1632 278.4

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#6063CF

#CFCC60

Analogous

#609ACF

#9560CF

#6063CF

Triadic

#6063CF

#CF6063

#63CF60

Split Complementary

#6063CF

#CF9560

#9ACF60

Tetradic

#6063CF

#CF609A

#CFCC60

#60CF95

Color Blindness Simulation

Original

#6063CF

Protanopia

#6161B5

Deuteranopia

#6161AF

Tritanopia

#60A09C

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E5E5F5
200
#C8C9EE
300
#A1A3E3
400
#6E71D3
500
#3B3FC4
600
#2F329D
700
#26287D
800
#1E1F62
900
#191A48
950
#10112D

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

4.18:1

AA Fail 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