#85AFAF

#85AFAF

Color Values

HEX

#85AFAF

RGB

133, 175, 175

HSL

180.0, 20.8%, 60.4%

HSV

180.0, 24.0%, 68.6%

CMYK

24.0%, 0.0%, 0.0%, 31.4%

OKLCH

0.7237 0.0451 196.2

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#85AFAF

#AF8585

Analogous

#85AF9A

#859AAF

#85AFAF

Triadic

#85AFAF

#AF85AF

#AFAF85

Split Complementary

#85AFAF

#AF859A

#AF9A85

Tetradic

#85AFAF

#9A85AF

#AF8585

#9AAF85

Color Blindness Simulation

Original

#85AFAF

Protanopia

#9798AF

Deuteranopia

#9592AF

Tritanopia

#87AFAF

Achromatopsia

#A6A6A6

CSS Usage

background-color: #85AFAF;
color: #85AFAF;
border-color: #85AFAF;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D4E3E3
300
#B5CFCF
400
#8DB4B4
500
#659A9A
600
#517B7B
700
#416363
800
#324D4D
900
#273A3A
950
#192424

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

8.75:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026