#7288CD

#7288CD

Color Values

HEX

#7288CD

RGB

114, 136, 205

HSL

225,5, 47,6%, 62,5%

HSV

225,5, 44,4%, 80,4%

CMYK

44,4%, 33,7%, 0,0%, 19,6%

OKLCH

0,6385 0,1071 269,7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#7288CD

#CDB772

Analogous

#72B5CD

#8972CD

#7288CD

Triadic

#7288CD

#CD7288

#88CD72

Split Complementary

#7288CD

#CD8972

#B5CD72

Tetradic

#7288CD

#CD72B5

#CDB772

#72CD89

Color Blindness Simulation

Original

#7288CD

Protanopia

#7C7CBC

Deuteranopia

#7A79B8

Tritanopia

#73AFAC

Achromatopsia

#888888

CSS Usage

background-color: #7288CD;
color: #7288CD;
border-color: #7288CD;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F4F6FA
100
#E6E9F4
200
#CAD3EC
300
#A5B3DF
400
#7489CE
500
#4360BC
600
#354D97
700
#2B3E78
800
#21305E
900
#1C2645
950
#11182C

Contrast Checker

Text on white

3,43:1

AA Fail AAA Fail

Text on black

6,12:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

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

Oca 18, 2026