#8699C7

#8699C7

Color Values

HEX

#8699C7

RGB

134, 153, 199

HSL

222.5, 36.7%, 65.3%

HSV

222.5, 32.7%, 78.0%

CMYK

32.7%, 23.1%, 0.0%, 22.0%

OKLCH

0.6852 0.0716 267.1

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#8699C7

#C7B486

Analogous

#86B9C7

#9486C7

#8699C7

Triadic

#8699C7

#C78699

#99C786

Split Complementary

#8699C7

#C79486

#B9C786

Tetradic

#8699C7

#C786B9

#C7B486

#86C794

Color Blindness Simulation

Original

#8699C7

Protanopia

#8E8EBC

Deuteranopia

#8D8CB9

Tritanopia

#87B3B1

Achromatopsia

#989898

CSS Usage

background-color: #8699C7;
color: #8699C7;
border-color: #8699C7;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F6FA
100
#E8EBF3
200
#CED6E8
300
#ABB8D8
400
#7E92C3
500
#516CAE
600
#41568B
700
#344570
800
#283657
900
#202A40
950
#141A29

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

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