#88AAAD

#88AAAD

Color Values

HEX

#88AAAD

RGB

136, 170, 173

HSL

184.9, 18.4%, 60.6%

HSV

184.9, 21.4%, 67.8%

CMYK

21.4%, 1.7%, 0.0%, 32.2%

OKLCH

0.7138 0.0374 203.0

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#88AAAD

#AD8B88

Analogous

#88AD9E

#8898AD

#88AAAD

Triadic

#88AAAD

#AD88AA

#AAAD88

Split Complementary

#88AAAD

#AD8898

#AD9E88

Tetradic

#88AAAD

#9E88AD

#AD8B88

#98AD88

Color Blindness Simulation

Original

#88AAAD

Protanopia

#9797AC

Deuteranopia

#9592AC

Tritanopia

#8AACAC

Achromatopsia

#A3A3A3

CSS Usage

background-color: #88AAAD;
color: #88AAAD;
border-color: #88AAAD;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D5E1E2
300
#B7CBCD
400
#8FAFB2
500
#689397
600
#537679
700
#435E61
800
#344A4B
900
#283738
950
#1A2324

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

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