#92AE97

#92AE97

Color Values

HEX

#92AE97

RGB

146, 174, 151

HSL

130.7, 14.7%, 62.7%

HSV

130.7, 16.1%, 68.2%

CMYK

16.1%, 0.0%, 13.2%, 31.8%

OKLCH

0.723 0.0452 150.3

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#92AE97

#AE92A9

Analogous

#9BAE92

#92AEA5

#92AE97

Triadic

#92AE97

#9792AE

#AE9792

Split Complementary

#92AE97

#A592AE

#AE929B

Tetradic

#92AE97

#929BAE

#AE92A9

#AEA592

Color Blindness Simulation

Original

#92AE97

Protanopia

#9E9E9D

Deuteranopia

#9C9A9E

Tritanopia

#93A1A2

Achromatopsia

#A6A6A6

CSS Usage

background-color: #92AE97;
color: #92AE97;
border-color: #92AE97;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F8F7
100
#EBEFEC
200
#D6E1D8
300
#B9CBBC
400
#93AF98
500
#6D9273
600
#57755C
700
#465E4A
800
#36493A
900
#2A372C
950
#1B231C

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

8.72:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026