#83AEA5

#83AEA5

Color Values

HEX

#83AEA5

RGB

131, 174, 165

HSL

167.4, 21.0%, 59.8%

HSV

167.4, 24.7%, 68.2%

CMYK

24.7%, 0.0%, 5.2%, 31.8%

OKLCH

0.7171 0.0481 180.6

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#83AEA5

#AE838C

Analogous

#83AE8F

#83A2AE

#83AEA5

Triadic

#83AEA5

#A583AE

#AEA583

Split Complementary

#83AEA5

#AE83A2

#AE8F83

Tetradic

#83AEA5

#8F83AE

#AE838C

#A2AE83

Color Blindness Simulation

Original

#83AEA5

Protanopia

#9696A7

Deuteranopia

#9390A8

Tritanopia

#85A9A9

Achromatopsia

#A4A4A4

CSS Usage

background-color: #83AEA5;
color: #83AEA5;
border-color: #83AEA5;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D4E3E0
300
#B5CFC9
400
#8DB4AC
500
#659A8F
600
#517B72
700
#40635C
800
#324D48
900
#273A36
950
#192422

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

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