#92BA96

#92BA96

Color Values

HEX

#92BA96

RGB

146, 186, 150

HSL

126.0, 22.5%, 65.1%

HSV

126.0, 21.5%, 72.9%

CMYK

21.5%, 0.0%, 19.4%, 27.1%

OKLCH

0.7499 0.0668 147.5

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#92BA96

#BA92B6

Analogous

#A2BA92

#92BAAA

#92BA96

Triadic

#92BA96

#9692BA

#BA9692

Split Complementary

#92BA96

#AA92BA

#BA92A2

Tetradic

#92BA96

#92A2BA

#BA92B6

#BAAA92

Color Blindness Simulation

Original

#92BA96

Protanopia

#A3A49F

Deuteranopia

#A19EA1

Tritanopia

#94A6A7

Achromatopsia

#AFAFAF

CSS Usage

background-color: #92BA96;
color: #92BA96;
border-color: #92BA96;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F6F9F6
100
#EAF1EA
200
#D3E3D5
300
#B4D0B7
400
#8BB690
500
#639C69
600
#4F7D54
700
#3F6443
800
#314E34
900
#273A29
950
#18251A

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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