#69768A

#69768A

Color Values

HEX

#69768A

RGB

105, 118, 138

HSL

216.4, 13.6%, 47.6%

HSV

216.4, 23.9%, 54.1%

CMYK

23.9%, 14.5%, 0.0%, 45.9%

OKLCH

0.5623 0.0348 258.9

Properties

Cool Dark Nearest: lightsteelblue 4

Color Harmonies

Complementary

#69768A

#8A7D69

Analogous

#69868A

#6C698A

#69768A

Triadic

#69768A

#8A6976

#768A69

Split Complementary

#69768A

#8A6C69

#868A69

Tetradic

#69768A

#8A6986

#8A7D69

#698A6C

Color Blindness Simulation

Original

#69768A

Protanopia

#6F6F85

Deuteranopia

#6E6D84

Tritanopia

#6A8180

Achromatopsia

#757575

CSS Usage

background-color: #69768A;
color: #69768A;
border-color: #69768A;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DAE0
300
#B9C0CA
400
#949EAD
500
#6E7C91
600
#586374
700
#474F5D
800
#373E48
900
#2B2F36
950
#1B1E22

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

4.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