#767DBB

#767DBB

Color Values

HEX

#767DBB

RGB

118, 125, 187

HSL

233.9, 33.7%, 59.8%

HSV

233.9, 36.9%, 73.3%

CMYK

36.9%, 33.2%, 0.0%, 26.7%

OKLCH

0.6094 0.0943 278.3

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#767DBB

#BBB476

Analogous

#76A0BB

#9176BB

#767DBB

Triadic

#767DBB

#BB767D

#7DBB76

Split Complementary

#767DBB

#BB9176

#A0BB76

Tetradic

#767DBB

#BB76A0

#BBB476

#76BB91

Color Blindness Simulation

Original

#767DBB

Protanopia

#7979AC

Deuteranopia

#7978A8

Tritanopia

#76A09E

Achromatopsia

#808080

CSS Usage

background-color: #767DBB;
color: #767DBB;
border-color: #767DBB;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F5F6FA
100
#E8E9F2
200
#CFD2E7
300
#ADB1D6
400
#8187C0
500
#555DAA
600
#444B88
700
#363C6D
800
#2A2F55
900
#22253F
950
#151728

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

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