#767CB0

#767CB0

Color Values

HEX

#767CB0

RGB

118, 124, 176

HSL

233.8, 26.9%, 57.6%

HSV

233.8, 33.0%, 69.0%

CMYK

33.0%, 29.5%, 0.0%, 31.0%

OKLCH

0.602 0.0794 278.7

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#767CB0

#B0AA76

Analogous

#7699B0

#8D76B0

#767CB0

Triadic

#767CB0

#B0767C

#7CB076

Split Complementary

#767CB0

#B08D76

#99B076

Tetradic

#767CB0

#B07699

#B0AA76

#76B08D

Color Blindness Simulation

Original

#767CB0

Protanopia

#7979A3

Deuteranopia

#7878A0

Tritanopia

#769997

Achromatopsia

#7E7E7E

CSS Usage

background-color: #767CB0;
color: #767CB0;
border-color: #767CB0;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D2D4E5
300
#B1B5D2
400
#878DBA
500
#5D64A2
600
#4B5081
700
#3C4068
800
#2F3251
900
#25273C
950
#171926

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

5.28: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