#92C4FD

#92C4FD

Color Values

HEX

#92C4FD

RGB

146, 196, 253

HSL

212.0, 96.4%, 78.2%

HSV

212.0, 42.3%, 99.2%

CMYK

42.3%, 22.5%, 0.0%, 0.8%

OKLCH

0.8064 0.0969 252.2

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#92C4FD

#FDCB92

Analogous

#92F9FD

#9592FD

#92C4FD

Triadic

#92C4FD

#FD92C4

#C4FD92

Split Complementary

#92C4FD

#FD9592

#F9FD92

Tetradic

#92C4FD

#FD92F9

#FDCB92

#92FD95

Color Blindness Simulation

Original

#92C4FD

Protanopia

#A8A8EF

Deuteranopia

#A5A1EC

Tritanopia

#94E4E2

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DFECFC
200
#B9D9FE
300
#87BEFD
400
#469BFC
500
#0577FA
600
#045FC8
700
#034CA0
800
#023C7D
900
#062E5A
950
#041D39

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

11.54:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1월 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1월 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1월 15, 2026