#6D95AE

#6D95AE

Color Values

HEX

#6D95AE

RGB

109, 149, 174

HSL

203.1, 28.6%, 55.5%

HSV

203.1, 37.4%, 68.2%

CMYK

37.4%, 14.4%, 0.0%, 31.8%

OKLCH

0.6497 0.0577 236.3

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#6D95AE

#AE866D

Analogous

#6DAEA7

#6D75AE

#6D95AE

Triadic

#6D95AE

#AE6D95

#95AE6D

Split Complementary

#6D95AE

#AE6D75

#AEA76D

Tetradic

#6D95AE

#A76DAE

#AE866D

#75AE6D

Color Blindness Simulation

Original

#6D95AE

Protanopia

#7E7FA8

Deuteranopia

#7C79A6

Tritanopia

#6FA3A2

Achromatopsia

#8E8E8E

CSS Usage

background-color: #6D95AE;
color: #6D95AE;
border-color: #6D95AE;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F8F9
100
#E9EEF1
200
#D1DEE6
300
#B0C6D3
400
#86A7BC
500
#5B88A4
600
#496D83
700
#3A5769
800
#2E4452
900
#24333D
950
#172026

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

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