#54cdf5 hex color

In a RGB color space, hex #54cdf5 is composed of 32.9% red, 80.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 16.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 194.9 degrees, a saturation of 89% and a lightness of 64.5%. #54cdf5 color hex could be obtained by blending #a8ffff with #009beb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 33
- G 80
- B 96
RGB color chart
- C 66
- M 16
- Y 0
- K 4
CMYK color chart

● #54cdf5 color description : Soft cyan.

The hexadecimal color #54cdf5 has RGB values of R:84, G:205, B:245 and CMYK values of C:0.66, M:0.16, Y:0, K:0.04. Its decimal value is 5557749.

Hex triplet	54cdf5	`#54cdf5`
RGB Decimal	84, 205, 245	`rgb(84,205,245)`
RGB Percent	32.9, 80.4, 96.1	`rgb(32.9%,80.4%,96.1%)`
CMYK	66, 16, 0, 4
HSL	194.9°, 89, 64.5	`hsl(194.9,89%,64.5%)`
HSV (or HSB)	194.9°, 65.7, 96.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.362, -21.694, -29.625
XYZ	41.965, 52.137, 94.233
xyY	0.223, 0.277, 52.137
CIE-LCH	77.362, 36.719, 233.786
CIE-LUV	77.362, -46.431, -44.605
Hunter-Lab	72.206, -22.619, -26.833
Binary	01010100, 11001101, 11110101

#54cdf5
```
#54cdf5 rgb(84,205,245)
```
#f57c54
```
#f57c54 rgb(245,124,84)
```

Complementary Color

#54f5cd
```
#54f5cd rgb(84,245,205)
```
#54cdf5
```
#54cdf5 rgb(84,205,245)
```
#547df5
```
#547df5 rgb(84,125,245)
```

Analogous Color

#f5cd54
```
#f5cd54 rgb(245,205,84)
```
#54cdf5
```
#54cdf5 rgb(84,205,245)
```
#f5547d
```
#f5547d rgb(245,84,125)
```

Split Complementary Color

#cdf554
```
#cdf554 rgb(205,245,84)
```
#54cdf5
```
#54cdf5 rgb(84,205,245)
```
#f554cd
```
#f554cd rgb(245,84,205)
```

Triadic Color

#54f57c
```
#54f57c rgb(84,245,124)
```
#54cdf5
```
#54cdf5 rgb(84,205,245)
```
#f554cd
```
#f554cd rgb(245,84,205)
```
#f57c54
```
#f57c54 rgb(245,124,84)
```

Tetradic Color

#0eb7ef
```
#0eb7ef rgb(14,183,239)
```
#24bff2
```
#24bff2 rgb(36,191,242)
```
#3cc6f4
```
#3cc6f4 rgb(60,198,244)
```
#54cdf5
```
#54cdf5 rgb(84,205,245)
```
#6cd4f6
```
#6cd4f6 rgb(108,212,246)
```
#84dbf8
```
#84dbf8 rgb(132,219,248)
```
#9ce2f9
```
#9ce2f9 rgb(156,226,249)
```

Monochromatic Color

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

#54f5f5
```
#54f5f5 rgb(84,245,245)
```
#54e8f5
```
#54e8f5 rgb(84,232,245)
```
#54daf5
```
#54daf5 rgb(84,218,245)
```
#54cdf5
```
#54cdf5 rgb(84,205,245)
```
#54c0f5
```
#54c0f5 rgb(84,192,245)
```
#54b2f5
```
#54b2f5 rgb(84,178,245)
```
#54a5f5
```
#54a5f5 rgb(84,165,245)
```

Similar Colors

Text with hexadecimal color #54cdf5

This text has a font color of #54cdf5.

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

#54cdf5 background color

This paragraph has a background color of #54cdf5.

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

#54cdf5 border color

This element has a border color of #54cdf5.

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

CSS codes

.text {color:#54cdf5;}

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

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

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, #010b0e is the darkest color, while #fbfeff is the lightest one.

#010b0e
```
#010b0e rgb(1,11,14)
```
#021921
```
#021921 rgb(2,25,33)
```
#032733
```
#032733 rgb(3,39,51)
```
#043646
```
#043646 rgb(4,54,70)
```
#054458
```
#054458 rgb(5,68,88)
```
#06526b
```
#06526b rgb(6,82,107)
```
#07607e
```
#07607e rgb(7,96,126)
```
#086e90
```
#086e90 rgb(8,110,144)
```
#0a7da3
```
#0a7da3 rgb(10,125,163)
```
#0b8bb5
```
#0b8bb5 rgb(11,139,181)
```
#0c99c8
```
#0c99c8 rgb(12,153,200)
```
#0da7da
```
#0da7da rgb(13,167,218)
```
#0eb5ed
```
#0eb5ed rgb(14,181,237)
```

Shade Color Variation

#1cbdf2
```
#1cbdf2 rgb(28,189,242)
```
#2fc2f3
```
#2fc2f3 rgb(47,194,243)
```
#41c8f4
```
#41c8f4 rgb(65,200,244)
```
#54cdf5
```
#54cdf5 rgb(84,205,245)
```
#67d2f6
```
#67d2f6 rgb(103,210,246)
```
#79d8f7
```
#79d8f7 rgb(121,216,247)
```
#8cddf8
```
#8cddf8 rgb(140,221,248)
```
#9ee3f9
```
#9ee3f9 rgb(158,227,249)
```
#b1e8fa
```
#b1e8fa rgb(177,232,250)
```
#c3eefc
```
#c3eefc rgb(195,238,252)
```
#d6f3fd
```
#d6f3fd rgb(214,243,253)
```
#e8f8fe
```
#e8f8fe rgb(232,248,254)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#a1a6a8
```
#a1a6a8 rgb(161,166,168)
```
#9aaaaf
```
#9aaaaf rgb(154,170,175)
```
#93adb6
```
#93adb6 rgb(147,173,182)
```
#8cb1bd
```
#8cb1bd rgb(140,177,189)
```
#85b4c4
```
#85b4c4 rgb(133,180,196)
```
#7eb8cb
```
#7eb8cb rgb(126,184,203)
```
#77bbd2
```
#77bbd2 rgb(119,187,210)
```
#70bfd9
```
#70bfd9 rgb(112,191,217)
```
#69c2e0
```
#69c2e0 rgb(105,194,224)
```
#62c6e7
```
#62c6e7 rgb(98,198,231)
```
#5bc9ee
```
#5bc9ee rgb(91,201,238)
```
#54cdf5
```
#54cdf5 rgb(84,205,245)
```
#4dd1fc
```
#4dd1fc rgb(77,209,252)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#9bb3bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7c0eb Protanopia 1% of men
#b2bffb Deuteranopia 1% of men
#4fd3e2 Tritanopia 0.001% of the population

Trichromacy

#93c5ef Protanomaly 1% of men, 0.01% of women
#90c4f9 Deuteranomaly 6% of men, 0.4% of women
#50d0e9 Tritanomaly 0.01% of the population

#54cdf5 hex color

#54cdf5 Color Information

#54cdf5 Color Conversion

Color Schemes with #54cdf5

Alternatives to #54cdf5

#54cdf5 Preview

Shades and Tints of #54cdf5

Tones of #54cdf5

Color Blindness Simulator