#7684CF

#7684CF

Color Values

HEX

#7684CF

RGB

118, 132, 207

HSL

230,6, 48,1%, 63,7%

HSV

230,6, 43,0%, 81,2%

CMYK

43,0%, 36,2%, 0,0%, 18,8%

OKLCH

0,634 0,1139 274,7

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#7684CF

#CFC176

Analogous

#76B0CF

#9476CF

#7684CF

Triadic

#7684CF

#CF7684

#84CF76

Split Complementary

#7684CF

#CF9476

#B0CF76

Tetradic

#7684CF

#CF76B0

#CFC176

#76CF94

Color Blindness Simulation

Original

#7684CF

Protanopia

#7C7CBD

Deuteranopia

#7B7AB8

Tritanopia

#77AFAB

Achromatopsia

#868686

CSS Usage

background-color: #7684CF;
color: #7684CF;
border-color: #7684CF;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F4F5FA
100
#E6E8F4
200
#CAD0EC
300
#A4AEDF
400
#7381CE
500
#4255BD
600
#354497
700
#2A3779
800
#212B5E
900
#1B2245
950
#11162C

Contrast Checker

Text on white

3,52:1

AA Fail AAA Fail

Text on black

5,97:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

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

Oca 18, 2026