#8695CD

#8695CD

Color Values

HEX

#8695CD

RGB

134, 149, 205

HSL

227.3, 41.5%, 66.5%

HSV

227.3, 34.6%, 80.4%

CMYK

34.6%, 27.3%, 0.0%, 19.6%

OKLCH

0.6794 0.0848 272.4

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#8695CD

#CDBE86

Analogous

#86B9CD

#9B86CD

#8695CD

Triadic

#8695CD

#CD8695

#95CD86

Split Complementary

#8695CD

#CD9B86

#B9CD86

Tetradic

#8695CD

#CD86B9

#CDBE86

#86CD9B

Color Blindness Simulation

Original

#8695CD

Protanopia

#8C8DBF

Deuteranopia

#8C8ABC

Tritanopia

#87B5B2

Achromatopsia

#969696

CSS Usage

background-color: #8695CD;
color: #8695CD;
border-color: #8695CD;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F6FA
100
#E7EAF3
200
#CCD3EA
300
#A8B3DB
400
#798AC8
500
#4B61B4
600
#3C4E90
700
#303E73
800
#25305A
900
#1E2643
950
#13182A

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

7.19:1

AA Pass AAA Pass

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