#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

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026