#7682CD

#7682CD

Color Values

HEX

#7682CD

RGB

118, 130, 205

HSL

231.7, 46.5%, 63.3%

HSV

231.7, 42.4%, 80.4%

CMYK

42.4%, 36.6%, 0.0%, 19.6%

OKLCH

0.6289 0.1136 275.7

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#7682CD

#CDC176

Analogous

#76ADCD

#9576CD

#7682CD

Triadic

#7682CD

#CD7682

#82CD76

Split Complementary

#7682CD

#CD9576

#ADCD76

Tetradic

#7682CD

#CD76AD

#CDC176

#76CD95

Color Blindness Simulation

Original

#7682CD

Protanopia

#7B7BBB

Deuteranopia

#7A7AB6

Tritanopia

#77ADA9

Achromatopsia

#858585

CSS Usage

background-color: #7682CD;
color: #7682CD;
border-color: #7682CD;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F4F5FA
100
#E6E8F4
200
#CBCFEC
300
#A5ADDE
400
#7581CD
500
#4455BB
600
#374495
700
#2C3678
800
#222A5D
900
#1C2245
950
#12152B

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

5.84:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026