#92C6F4

#92C6F4

Color Values

HEX

#92C6F4

RGB

146, 198, 244

HSL

208.2, 81.7%, 76.5%

HSV

208.2, 40.2%, 95.7%

CMYK

40.2%, 18.9%, 0.0%, 4.3%

OKLCH

0.8069 0.0851 245.8

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#92C6F4

#F4C092

Analogous

#92F4F1

#9295F4

#92C6F4

Triadic

#92C6F4

#F492C6

#C6F492

Split Complementary

#92C6F4

#F49295

#F4F192

Tetradic

#92C6F4

#F192F4

#F4C092

#95F492

Color Blindness Simulation

Original

#92C6F4

Protanopia

#A9A9E9

Deuteranopia

#A6A2E6

Tritanopia

#95E0DE

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E1EEFA
200
#BEDDF8
300
#90C5F4
400
#54A5EE
500
#1786E8
600
#136BB9
700
#0F5694
800
#0C4374
900
#0D3354
950
#082035

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

11.61:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026