#907BBC

#907BBC

Color Values

HEX

#907BBC

RGB

144, 123, 188

HSL

259.4, 32.7%, 61.0%

HSV

259.4, 34.6%, 73.7%

CMYK

23.4%, 34.6%, 0.0%, 26.3%

OKLCH

0.6276 0.0983 298.4

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#907BBC

#A7BC7B

Analogous

#7B87BC

#B17BBC

#907BBC

Triadic

#907BBC

#BC907B

#7BBC90

Split Complementary

#907BBC

#BCB17B

#87BC7B

Tetradic

#907BBC

#BC7B87

#A7BC7B

#7BBCB1

Color Blindness Simulation

Original

#907BBC

Protanopia

#8787AC

Deuteranopia

#888AA8

Tritanopia

#8FA09D

Achromatopsia

#848484

CSS Usage

background-color: #907BBC;
color: #907BBC;
border-color: #907BBC;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F7F5F9
100
#EBE8F2
200
#D7D0E7
300
#BBAED6
400
#9682C0
500
#7156A9
600
#5A4587
700
#48376C
800
#382B55
900
#2B223F
950
#1B1628

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

5.75:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026