#54fdf2 hex color

In a RGB color space, hex #54fdf2 is composed of 32.9% red, 99.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 0% magenta, 4.3% yellow and 0.8% black. It has a hue angle of 176.1 degrees, a saturation of 97.7% and a lightness of 66.1%. #54fdf2 color hex could be obtained by blending #a8ffff with #00fbe5. Closest websafe color is: #66ffff.

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

● #54fdf2 color description : Soft cyan.

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

Hex triplet	54fdf2	`#54fdf2`
RGB Decimal	84, 253, 242	`rgb(84,253,242)`
RGB Percent	32.9, 99.2, 94.9	`rgb(32.9%,99.2%,94.9%)`
CMYK	67, 0, 4, 1
HSL	176.1°, 97.7, 66.1	`hsl(176.1,97.7%,66.1%)`
HSV (or HSB)	176.1°, 66.8, 99.2
Web Safe	66ffff	`#66ffff`

CIE-LAB	91.026, -45.161, -7.431
XYZ	54.803, 78.541, 96.271
xyY	0.239, 0.342, 78.541
CIE-LCH	91.026, 45.768, 189.344
CIE-LUV	91.026, -63.646, -4.52
Hunter-Lab	88.624, -44.71, -2.37
Binary	01010100, 11111101, 11110010

#54fdf2
```
#54fdf2 rgb(84,253,242)
```
#fd545f
```
#fd545f rgb(253,84,95)
```

Complementary Color

#54fd9e
```
#54fd9e rgb(84,253,158)
```
#54fdf2
```
#54fdf2 rgb(84,253,242)
```
#54b4fd
```
#54b4fd rgb(84,180,253)
```

Analogous Color

#fd9e54
```
#fd9e54 rgb(253,158,84)
```
#54fdf2
```
#54fdf2 rgb(84,253,242)
```
#fd54b4
```
#fd54b4 rgb(253,84,180)
```

Split Complementary Color

#fdf254
```
#fdf254 rgb(253,242,84)
```
#54fdf2
```
#54fdf2 rgb(84,253,242)
```
#f254fd
```
#f254fd rgb(242,84,253)
```

Triadic Color

#5ffd54
```
#5ffd54 rgb(95,253,84)
```
#54fdf2
```
#54fdf2 rgb(84,253,242)
```
#f254fd
```
#f254fd rgb(242,84,253)
```
#fd545f
```
#fd545f rgb(253,84,95)
```

Tetradic Color

#08fcec
```
#08fcec rgb(8,252,236)
```
#22fcee
```
#22fcee rgb(34,252,238)
```
#3bfdf0
```
#3bfdf0 rgb(59,253,240)
```
#54fdf2
```
#54fdf2 rgb(84,253,242)
```
#6dfdf4
```
#6dfdf4 rgb(109,253,244)
```
#86fef6
```
#86fef6 rgb(134,254,246)
```
#a0fef8
```
#a0fef8 rgb(160,254,248)
```

Monochromatic Color

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

#54fdc8
```
#54fdc8 rgb(84,253,200)
```
#54fdd6
```
#54fdd6 rgb(84,253,214)
```
#54fde4
```
#54fde4 rgb(84,253,228)
```
#54fdf2
```
#54fdf2 rgb(84,253,242)
```
#54fafd
```
#54fafd rgb(84,250,253)
```
#54ecfd
```
#54ecfd rgb(84,236,253)
```
#54defd
```
#54defd rgb(84,222,253)
```

Similar Colors

Text with hexadecimal color #54fdf2

This text has a font color of #54fdf2.

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

#54fdf2 background color

This paragraph has a background color of #54fdf2.

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

#54fdf2 border color

This element has a border color of #54fdf2.

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

CSS codes

.text {color:#54fdf2;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#001715
```
#001715 rgb(0,23,21)
```
#002a28
```
#002a28 rgb(0,42,40)
```
#013e3a
```
#013e3a rgb(1,62,58)
```
#01514c
```
#01514c rgb(1,81,76)
```
#01645e
```
#01645e rgb(1,100,94)
```
#017870
```
#017870 rgb(1,120,112)
```
#028b82
```
#028b82 rgb(2,139,130)
```
#029f94
```
#029f94 rgb(2,159,148)
```
#02b2a7
```
#02b2a7 rgb(2,178,167)
```
#02c5b9
```
#02c5b9 rgb(2,197,185)
```
#03d9cb
```
#03d9cb rgb(3,217,203)
```
#03ecdd
```
#03ecdd rgb(3,236,221)
```

Shade Color Variation

#06fcec
```
#06fcec rgb(6,252,236)
```
#1afcee
```
#1afcee rgb(26,252,238)
```
#2dfdef
```
#2dfdef rgb(45,253,239)
```
#41fdf1
```
#41fdf1 rgb(65,253,241)
```
#54fdf2
```
#54fdf2 rgb(84,253,242)
```
#67fdf3
```
#67fdf3 rgb(103,253,243)
```
#7bfdf5
```
#7bfdf5 rgb(123,253,245)
```
#8efef6
```
#8efef6 rgb(142,254,246)
```
#a2fef8
```
#a2fef8 rgb(162,254,248)
```
#b5fef9
```
#b5fef9 rgb(181,254,249)
```
#c8fefb
```
#c8fefb rgb(200,254,251)
```
#dcfffc
```
#dcfffc rgb(220,255,252)
```
#effffe
```
#effffe rgb(239,255,254)
```

Tint Color Variation

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

#a4adad
```
#a4adad rgb(164,173,173)
```
#9db4b2
```
#9db4b2 rgb(157,180,178)
```
#97bab8
```
#97bab8 rgb(151,186,184)
```
#90c1be
```
#90c1be rgb(144,193,190)
```
#89c8c4
```
#89c8c4 rgb(137,200,196)
```
#83cec9
```
#83cec9 rgb(131,206,201)
```
#7cd5cf
```
#7cd5cf rgb(124,213,207)
```
#75dcd5
```
#75dcd5 rgb(117,220,213)
```
#6fe2db
```
#6fe2db rgb(111,226,219)
```
#68e9e1
```
#68e9e1 rgb(104,233,225)
```
#61f0e6
```
#61f0e6 rgb(97,240,230)
```
#5bf6ec
```
#5bf6ec rgb(91,246,236)
```
#54fdf2
```
#54fdf2 rgb(84,253,242)
```

Tone Color Variation

Below, you can see how #54fdf2 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

#c9c9c9 Achromatopsia 0.005% of the population
#b2d3d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eae5e5 Protanopia 1% of men
#f1e0fc Deuteranopia 1% of men
#a7f2ff Tritanopia 0.001% of the population

Trichromacy

#b3eeea Protanomaly 1% of men, 0.01% of women
#b8ebf8 Deuteranomaly 6% of men, 0.4% of women
#89f6fa Tritanomaly 0.01% of the population

#54fdf2 hex color

#54fdf2 Color Information

#54fdf2 Color Conversion

Color Schemes with #54fdf2

Alternatives to #54fdf2

#54fdf2 Preview

Shades and Tints of #54fdf2

Tones of #54fdf2

Color Blindness Simulator