#92CCF9

#92CCF9

Color Values

HEX

#92CCF9

RGB

146, 204, 249

HSL

206.2, 89.6%, 77.5%

HSV

206.2, 41.4%, 97.6%

CMYK

41.4%, 18.1%, 0.0%, 2.4%

OKLCH

0.8217 0.0874 242.4

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#92CCF9

#F9BF92

Analogous

#92F9F3

#9299F9

#92CCF9

Triadic

#92CCF9

#F992CC

#CCF992

Split Complementary

#92CCF9

#F99299

#F9F392

Tetradic

#92CCF9

#F392F9

#F9BF92

#99F992

Color Blindness Simulation

Original

#92CCF9

Protanopia

#ABACEE

Deuteranopia

#A8A3EB

Tritanopia

#95E6E4

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EFFB
200
#BBDFFB
300
#8BC9F9
400
#4CABF5
500
#0D8EF2
600
#0B72C1
700
#085B9B
800
#074779
900
#093558
950
#062237

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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