#967ABC

#967ABC

Color Values

HEX

#967ABC

RGB

150, 122, 188

HSL

265.5, 33.0%, 60.8%

HSV

265.5, 35.1%, 73.7%

CMYK

20.2%, 35.1%, 0.0%, 26.3%

OKLCH

0.6313 0.1013 303.1

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#967ABC

#A0BC7A

Analogous

#7A7FBC

#B77ABC

#967ABC

Triadic

#967ABC

#BC967A

#7ABC96

Split Complementary

#967ABC

#BCB77A

#7FBC7A

Tetradic

#967ABC

#BC7A7F

#A0BC7A

#7ABCB7

Color Blindness Simulation

Original

#967ABC

Protanopia

#8A8AAC

Deuteranopia

#8C8EA8

Tritanopia

#959F9D

Achromatopsia

#858585

CSS Usage

background-color: #967ABC;
color: #967ABC;
border-color: #967ABC;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F7F5F9
100
#ECE8F2
200
#DAD0E7
300
#BFAED6
400
#9C82C0
500
#7955AA
600
#614488
700
#4E376D
800
#3D2B55
900
#2E223F
950
#1D1628

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

5.81:1

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