#7287CB

#7287CB

Color Values

HEX

#7287CB

RGB

114, 135, 203

HSL

225,8, 46,1%, 62,2%

HSV

225,8, 43,8%, 79,6%

CMYK

43,8%, 33,5%, 0,0%, 20,4%

OKLCH

0,6354 0,1055 270,1

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#7287CB

#CBB672

Analogous

#72B4CB

#8A72CB

#7287CB

Triadic

#7287CB

#CB7287

#87CB72

Split Complementary

#7287CB

#CB8A72

#B4CB72

Tetradic

#7287CB

#CB72B4

#CBB672

#72CB8A

Color Blindness Simulation

Original

#7287CB

Protanopia

#7B7BBB

Deuteranopia

#7A78B7

Tritanopia

#73AEAB

Achromatopsia

#878787

CSS Usage

background-color: #7287CB;
color: #7287CB;
border-color: #7287CB;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F4F6FA
100
#E6E9F4
200
#CBD3EC
300
#A6B3DE
400
#758ACC
500
#4561BA
600
#374D95
700
#2C3E77
800
#22305D
900
#1C2645
950
#12182B

Contrast Checker

Text on white

3,47:1

AA Fail AAA Fail

Text on black

6,04:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026