#7378B0

#7378B0

Color Values

HEX

#7378B0

RGB

115, 120, 176

HSL

235.1, 27.9%, 57.1%

HSV

235.1, 34.7%, 69.0%

CMYK

34.7%, 31.8%, 0.0%, 31.0%

OKLCH

0.5913 0.0856 279.5

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#7378B0

#B0AB73

Analogous

#7397B0

#8D73B0

#7378B0

Triadic

#7378B0

#B07378

#78B073

Split Complementary

#7378B0

#B08D73

#97B073

Tetradic

#7378B0

#B07397

#B0AB73

#73B08D

Color Blindness Simulation

Original

#7378B0

Protanopia

#7575A2

Deuteranopia

#75749F

Tritanopia

#739895

Achromatopsia

#7B7B7B

CSS Usage

background-color: #7378B0;
color: #7378B0;
border-color: #7378B0;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D1D3E5
300
#B1B4D3
400
#868BBB
500
#5C62A3
600
#4A4E82
700
#3B3F68
800
#2E3152
900
#24263D
950
#171826

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

5.04:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026