#6F64B2

#6F64B2

Color Values

HEX

#6F64B2

RGB

111, 100, 178

HSL

248.5, 33.6%, 54.5%

HSV

248.5, 43.8%, 69.8%

CMYK

37.6%, 43.8%, 0.0%, 30.2%

OKLCH

0.5488 0.119 288.3

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#6F64B2

#A7B264

Analogous

#6480B2

#9664B2

#6F64B2

Triadic

#6F64B2

#B26F64

#64B26F

Split Complementary

#6F64B2

#B29664

#80B264

Tetradic

#6F64B2

#B26480

#A7B264

#64B296

Color Blindness Simulation

Original

#6F64B2

Protanopia

#6A6A9F

Deuteranopia

#6B6C9B

Tritanopia

#6E908D

Achromatopsia

#6C6C6C

CSS Usage

background-color: #6F64B2;
color: #6F64B2;
border-color: #6F64B2;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F5FA
100
#E9E8F2
200
#D3CFE7
300
#B3ADD6
400
#8A81C0
500
#6155AA
600
#4D4488
700
#3E366D
800
#302A55
900
#26223F
950
#181528

Contrast Checker

Text on white

5.07:1

AA Pass AAA Fail

Text on black

4.14:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026