Electric Blue

#00F0FF
RGB
0, 240, 255
HSL
184°, 100%, 50%
CMYK
100, 6, 0, 0
HSV
184°, 100%, 100%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #00F0FF color: #00F0FF;
RGB 0, 240, 255 color: rgb(0, 240, 255);
RGB Percentage 0%, 94%, 100% color: rgb(0%, 94%, 100%);
CMYK 100%, 6%, 0%, 0% Not supported in CSS
HSL 184°, 100%, 50% color: hsl(184, 100%, 50%);
HSV 184°, 100%, 100% Not supported in CSS
CIE-LAB 40, -48, -5 color: lab(40% -48 -5);
Decimal 61695 Not supported in CSS

Color Variations

Shades

#00EEFF
#00D6E6
#00BECC
#00A7B3
#008F99
#007780
#005F66
#00474D

Tints

#B3FAFF
#99F8FF
#80F7FF
#66F5FF
#4DF3FF
#33F1FF
#1AF0FF
#00EEFF

Tones

#00EEFF
#0DE3F2
#1AD8E6
#26CDD9
#33C2CC
#40B7BF
#4DACB3
#59A1A6

Hues

#00EEFF
#002FFF
#9100FF
#FF00AE
#FF1100
#FFD000
#6FFF00
#00FF51

Color Harmonies

Analogous

#00FF91
Click to copy
Cyan
75%
#00F0FF
Click to copy
Electric blue
100%
#006FFF
Click to copy
Blue
71%

Complementary

#00F0FF
Click to copy
Electric blue
100%
#FF1100
Click to copy
Red
4%

Split Complementary

#00F0FF
Click to copy
Electric blue
100%
#FF006F
Click to copy
Magenta
14%
#FF9100
Click to copy
Orange
15%

Triadic

#00F0FF
Click to copy
Electric blue
100%
#FF00EE
Click to copy
Purple
21%
#EEFF00
Click to copy
Yellow
21%

Tetradic

#00F0FF
Click to copy
Electric blue
100%
#9100FF
Click to copy
Purple
36%
#FF1100
Click to copy
Red
4%
#6FFF00
Click to copy
Green
37%

Square

#00F0FF
Click to copy
Electric blue
100%
#9100FF
Click to copy
Purple
36%
#FF1100
Click to copy
Red
4%
#6FFF00
Click to copy
Green
37%

CSS & Dev Snippets

CSS
.electric-blue {
  color: #00F0FF;
}
SCSS
$electric-blue: #00F0FF;
RGB
rgb(0, 240, 255)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags