#92BAC8

#92BAC8

Color Values

HEX

#92BAC8

RGB

146, 186, 200

HSL

195.6, 32.9%, 67.8%

HSV

195.6, 27.0%, 78.4%

CMYK

27.0%, 7.0%, 0.0%, 21.6%

OKLCH

0.7646 0.0472 221.3

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#92BAC8

#C8A092

Analogous

#92C8BB

#929FC8

#92BAC8

Triadic

#92BAC8

#C892BA

#BAC892

Split Complementary

#92BAC8

#C8929F

#C8BB92

Tetradic

#92BAC8

#BB92C8

#C8A092

#9FC892

Color Blindness Simulation

Original

#92BAC8

Protanopia

#A3A4C5

Deuteranopia

#A19EC4

Tritanopia

#94C2C1

Achromatopsia

#B3B3B3

CSS Usage

background-color: #92BAC8;
color: #92BAC8;
border-color: #92BAC8;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F8F9
100
#E8F0F2
200
#D0E1E7
300
#AECBD6
400
#82B0C0
500
#5694A9
600
#447688
700
#375E6C
800
#2B4A55
900
#22373F
950
#162328

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

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