Neon Blue

#2323FF
RGB
35, 35, 255
HSL
240°, 100%, 57%
CMYK
86, 86, 0, 0
HSV
240°, 86%, 100%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #2323FF color: #2323FF;
RGB 35, 35, 255 color: rgb(35, 35, 255);
RGB Percentage 14%, 14%, 100% color: rgb(14%, 14%, 100%);
CMYK 86%, 86%, 0%, 0% Not supported in CSS
HSL 240°, 100%, 57% color: hsl(240, 100%, 57%);
HSV 240°, 86%, 100% Not supported in CSS
CIE-LAB 46, 0, -73 color: lab(46% 0 -73);
Decimal 2302975 Not supported in CSS

Color Variations

Shades

#2424FF
#0707FF
#0000E9
#0000CB
#0000AE
#000091
#000074
#000057

Tints

#BDBDFF
#A7A7FF
#9191FF
#7B7BFF
#6565FF
#5050FF
#3A3AFF
#2424FF

Tones

#2424FF
#2F2FF4
#3A3AE9
#4545DE
#5050D3
#5B5BC8
#6565BD
#7070B2

Hues

#2424FF
#C824FF
#FF2491
#FF5B24
#FFFF24
#5BFF24
#24FF91
#24C8FF

Color Harmonies

Analogous

#2491FF
Click to copy
Blue
75%
#2323FF
Click to copy
Neon blue
100%
#9124FF
Click to copy
Purple
75%

Complementary

#2323FF
Click to copy
Neon blue
100%
#FFFF24
Click to copy
Yellow
14%

Split Complementary

#2323FF
Click to copy
Neon blue
100%
#FF9124
Click to copy
Orange
25%
#91FF24
Click to copy
Green
25%

Triadic

#2323FF
Click to copy
Neon blue
100%
#FF2424
Click to copy
Red
30%
#24FF24
Click to copy
Green
30%

Tetradic

#2323FF
Click to copy
Neon blue
100%
#FF2491
Click to copy
Magenta
44%
#FFFF24
Click to copy
Yellow
14%
#24FF91
Click to copy
Cyan
44%

Square

#2323FF
Click to copy
Neon blue
100%
#FF2491
Click to copy
Magenta
44%
#FFFF24
Click to copy
Yellow
14%
#24FF91
Click to copy
Cyan
44%

CSS & Dev Snippets

CSS
.neon-blue {
  color: #2323FF;
}
SCSS
$neon-blue: #2323FF;
RGB
rgb(35, 35, 255)

Accessibility & Contrast

White background

7.62:1
7.62
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

2.76:1
2.76
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags