#929CF2

#929CF2

Color Values

HEX

#929CF2

RGB

146, 156, 242

HSL

233.7, 78.7%, 76.1%

HSV

233.7, 39.7%, 94.9%

CMYK

39.7%, 35.5%, 0.0%, 5.1%

OKLCH

0.7198 0.1253 277.7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#929CF2

#F2E892

Analogous

#92CCF2

#B892F2

#929CF2

Triadic

#929CF2

#F2929C

#9CF292

Split Complementary

#929CF2

#F2B892

#CCF292

Tetradic

#929CF2

#F292CC

#F2E892

#92F2B8

Color Blindness Simulation

Original

#929CF2

Protanopia

#9696DD

Deuteranopia

#9695D8

Tritanopia

#92CDC9

Achromatopsia

#A0A0A0

CSS Usage

background-color: #929CF2;
color: #929CF2;
border-color: #929CF2;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F2F3FC
100
#E1E4F9
200
#BFC5F7
300
#929CF2
400
#5666EB
500
#1B30E4
600
#1627B6
700
#111F92
800
#0E1872
900
#0E1553
950
#090D34

Contrast Checker

Text on white

2.54:1

AA Fail AAA Fail

Text on black

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