#92BAF3

#92BAF3

Color Values

HEX

#92BAF3

RGB

146, 186, 243

HSL

215.3, 80.2%, 76.3%

HSV

215.3, 39.9%, 95.3%

CMYK

39.9%, 23.5%, 0.0%, 4.7%

OKLCH

0.7812 0.0927 257.2

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#92BAF3

#F3CB92

Analogous

#92EAF3

#9B92F3

#92BAF3

Triadic

#92BAF3

#F392BA

#BAF392

Split Complementary

#92BAF3

#F39B92

#EAF392

Tetradic

#92BAF3

#F392EA

#F3CB92

#92F39B

Color Blindness Simulation

Original

#92BAF3

Protanopia

#A3A4E5

Deuteranopia

#A19EE2

Tritanopia

#94DAD8

Achromatopsia

#B6B6B6

CSS Usage

background-color: #92BAF3;
color: #92BAF3;
border-color: #92BAF3;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F2F6FD
100
#E1EBF9
200
#BFD6F8
300
#91B9F3
400
#5593EC
500
#196DE6
600
#1458B8
700
#104693
800
#0D3773
900
#0D2A53
950
#091B35

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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