#54fdff hex color

In a RGB color space, hex #54fdff is composed of 32.9% red, 99.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 0.8% magenta, 0% yellow and 0% black. It has a hue angle of 180.7 degrees, a saturation of 100% and a lightness of 66.5%. #54fdff color hex could be obtained by blending #a8ffff with #00fbff. Closest websafe color is: #66ffff.

♥
- f
- t
- g
- R 33
- G 99
- B 100
RGB color chart
- C 67
- M 1
- Y 0
- K 0
CMYK color chart

● #54fdff color description : Light cyan.

The hexadecimal color #54fdff has RGB values of R:84, G:253, B:255 and CMYK values of C:0.67, M:0.01, Y:0, K:0. Its decimal value is 5570047.

Hex triplet	54fdff	`#54fdff`
RGB Decimal	84, 253, 255	`rgb(84,253,255)`
RGB Percent	32.9, 99.2, 100	`rgb(32.9%,99.2%,100%)`
CMYK	67, 1, 0, 0
HSL	180.7°, 100, 66.5	`hsl(180.7,100%,66.5%)`
HSV (or HSB)	180.7°, 67.1, 100
Web Safe	66ffff	`#66ffff`

CIE-LAB	91.393, -41.682, -13.633
XYZ	56.826, 79.35, 106.924
xyY	0.234, 0.326, 79.35
CIE-LCH	91.393, 43.855, 198.112
CIE-LUV	91.393, -62.805, -15.253
Hunter-Lab	89.079, -42.017, -8.812
Binary	01010100, 11111101, 11111111

#54fdff
```
#54fdff rgb(84,253,255)
```
#ff5654
```
#ff5654 rgb(255,86,84)
```

Complementary Color

#54ffac
```
#54ffac rgb(84,255,172)
```
#54fdff
```
#54fdff rgb(84,253,255)
```
#54a8ff
```
#54a8ff rgb(84,168,255)
```

Analogous Color

#ffac54
```
#ffac54 rgb(255,172,84)
```
#54fdff
```
#54fdff rgb(84,253,255)
```
#ff54a8
```
#ff54a8 rgb(255,84,168)
```

Split Complementary Color

#fdff54
```
#fdff54 rgb(253,255,84)
```
#54fdff
```
#54fdff rgb(84,253,255)
```
#ff54fd
```
#ff54fd rgb(255,84,253)
```

Triadic Color

#54ff56
```
#54ff56 rgb(84,255,86)
```
#54fdff
```
#54fdff rgb(84,253,255)
```
#ff54fd
```
#ff54fd rgb(255,84,253)
```
#ff5654
```
#ff5654 rgb(255,86,84)
```

Tetradic Color

#07fcff
```
#07fcff rgb(7,252,255)
```
#21fcff
```
#21fcff rgb(33,252,255)
```
#3bfdff
```
#3bfdff rgb(59,253,255)
```
#54fdff
```
#54fdff rgb(84,253,255)
```
#6efdff
```
#6efdff rgb(110,253,255)
```
#87feff
```
#87feff rgb(135,254,255)
```
#a1feff
```
#a1feff rgb(161,254,255)
```

Monochromatic Color

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

#54ffd6
```
#54ffd6 rgb(84,255,214)
```
#54ffe5
```
#54ffe5 rgb(84,255,229)
```
#54fff3
```
#54fff3 rgb(84,255,243)
```
#54fdff
```
#54fdff rgb(84,253,255)
```
#54efff
```
#54efff rgb(84,239,255)
```
#54e1ff
```
#54e1ff rgb(84,225,255)
```
#54d2ff
```
#54d2ff rgb(84,210,255)
```

Similar Colors

Text with hexadecimal color #54fdff

This text has a font color of #54fdff.

<span style="color:#54fdff;">Text here</span>

#54fdff background color

This paragraph has a background color of #54fdff.

<p style="background-color:#54fdff;">Content here</p>

#54fdff border color

This element has a border color of #54fdff.

<div style="border:1px solid #54fdff;">Content here</div>

CSS codes

.text {color:#54fdff;}

.background {background-color:#54fdff;}

.border {border:1px solid #54fdff;}

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, #000506 is the darkest color, while #f1ffff is the lightest one.

#000506
```
#000506 rgb(0,5,6)
```
#001919
```
#001919 rgb(0,25,25)
```
#002c2d
```
#002c2d rgb(0,44,45)
```
#004040
```
#004040 rgb(0,64,64)
```
#005354
```
#005354 rgb(0,83,84)
```
#006668
```
#006668 rgb(0,102,104)
```
#007a7b
```
#007a7b rgb(0,122,123)
```
#008d8f
```
#008d8f rgb(0,141,143)
```
#00a1a2
```
#00a1a2 rgb(0,161,162)
```
#00b4b6
```
#00b4b6 rgb(0,180,182)
```
#00c7ca
```
#00c7ca rgb(0,199,202)
```
#00dbdd
```
#00dbdd rgb(0,219,221)
```
#00eef1
```
#00eef1 rgb(0,238,241)
```

Shade Color Variation

#06fcff
```
#06fcff rgb(6,252,255)
```
#19fcff
```
#19fcff rgb(25,252,255)
```
#2dfdff
```
#2dfdff rgb(45,253,255)
```
#40fdff
```
#40fdff rgb(64,253,255)
```
#54fdff
```
#54fdff rgb(84,253,255)
```
#68fdff
```
#68fdff rgb(104,253,255)
```
#7bfdff
```
#7bfdff rgb(123,253,255)
```
#8ffeff
```
#8ffeff rgb(143,254,255)
```
#a2feff
```
#a2feff rgb(162,254,255)
```
#b6feff
```
#b6feff rgb(182,254,255)
```
#cafeff
```
#cafeff rgb(202,254,255)
```
#ddffff
```
#ddffff rgb(221,255,255)
```
#f1ffff
```
#f1ffff rgb(241,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a3b0b0 is the less saturated color, while #54fdff is the most saturated one.

#a3b0b0
```
#a3b0b0 rgb(163,176,176)
```
#9cb6b7
```
#9cb6b7 rgb(156,182,183)
```
#96bdbd
```
#96bdbd rgb(150,189,189)
```
#8fc3c4
```
#8fc3c4 rgb(143,195,196)
```
#89caca
```
#89caca rgb(137,202,202)
```
#82d0d1
```
#82d0d1 rgb(130,208,209)
```
#7bd6d8
```
#7bd6d8 rgb(123,214,216)
```
#75ddde
```
#75ddde rgb(117,221,222)
```
#6ee3e5
```
#6ee3e5 rgb(110,227,229)
```
#68eaeb
```
#68eaeb rgb(104,234,235)
```
#61f0f2
```
#61f0f2 rgb(97,240,242)
```
#5bf7f8
```
#5bf7f8 rgb(91,247,248)
```
#54fdff
```
#54fdff rgb(84,253,255)
```

Tone Color Variation

Below, you can see how #54fdff is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#cbcbcb Achromatopsia 0.005% of the population
#b3d5d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8e6f2 Protanopia 1% of men
#eae4ff Deuteranopia 1% of men
#abf3ff Tritanopia 0.001% of the population

Trichromacy

#b2eef6 Protanomaly 1% of men, 0.01% of women
#b3edff Deuteranomaly 6% of men, 0.4% of women
#8bf6ff Tritanomaly 0.01% of the population

#54fdff hex color

#54fdff Color Information

#54fdff Color Conversion

Color Schemes with #54fdff

Alternatives to #54fdff

#54fdff Preview

Shades and Tints of #54fdff

Tones of #54fdff

Color Blindness Simulator