#00ffff Aqua Color Information

Analysis Conversion Schemes Alternatives Preview Shades and Tints Tones

In a RGB color space, #00ffff hex color (also known as Aqua) is composed of 0% red, 100% green and 100% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0% magenta, 0% yellow and 0% black. It has a hue angle of 180 degrees, a saturation of 100% and a lightness of 50%. #00ffff color hex could be obtained by blending #00ffff with #00ffff. #00ffff(or #0ff) is a websafe color.

100

#00ffff Color Conversion

The hexadecimal color #00ffff has RGB values of R:0, G:255, B:255 and CMYK values of C:1, M:0, Y:0, K:0. Its decimal value is 65535.

Hex triplet	00ffff	#00ffff
RGB Decimal	0, 255, 255	rgb(0,255,255)
RGB Percent	0, 100, 100	rgb(0%,100%,100%)
CMYK	100, 0, 0, 0
HSL	180°, 100, 50	hsl(180,100%,50%)
HSV(HSB)	180°, 100, 100
Web Safe	00ffff	#0ff

XYZ	53.81, 78.74, 106.97
xyY	0.225, 0.329, 78.74
CIE-LAB	91.117, -48.08, -14.138
CIE-LCH	91.117, 50.115, 196.386
CIE-LUV	91.117, -70.472, -15.217
Hunter-Lab	88.736, -47.043, -9.359
Binary	00000000, 11111111, 11111111

#00ffff Color Analysis

Blending

R-G-B component

Grayscale

Websafe/Invert

Color Schemes with #00ffff

Complementary Color

Analogous Color

Split Complementary Color

Triadic Color

Tetradic Color

Monochromatic Color

Alternatives to #00ffff

Below, you can see some colors close to #00ffff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

Similar Colors

#00ffff Preview

Text with hexadecimal color #00ffff

This text has a font color of #00ffff.

<span style="color:#00ffff">Text here</span>

#00ffff background color

This paragraph has a background color of #00ffff.

<p style="background-color:#00ffff;">Content here</p>

#00ffff border color

This element has a border color of #00ffff.

<div style="border:1px #00ffff;">Content here</div>

CSS codes

.text {color:#00ffff;}

.background {background-color:#00ffff;}

.border {border:1px solid #00ffff;}

.text-shadow {border:1px solid #00ffff;}

Shades and Tints of #00ffff

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000000 is the darkest color, while #eaffff is the lightest one.