#54faf9 hex color

In a RGB color space, hex #54faf9 is composed of 32.9% red, 98% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 0% magenta, 0.4% yellow and 2% black. It has a hue angle of 179.6 degrees, a saturation of 94.3% and a lightness of 65.5%. #54faf9 color hex could be obtained by blending #a8ffff with #00f5f3. Closest websafe color is: #66ffff.

♥
- f
- t
- g
- R 33
- G 98
- B 98
RGB color chart
- C 66
- M 0
- Y 0
- K 2
CMYK color chart

● #54faf9 color description : Soft cyan.

The hexadecimal color #54faf9 has RGB values of R:84, G:250, B:249 and CMYK values of C:0.66, M:0, Y:0, K:0.02. Its decimal value is 5569273.

Hex triplet	54faf9	`#54faf9`
RGB Decimal	84, 250, 249	`rgb(84,250,249)`
RGB Percent	32.9, 98, 97.6	`rgb(32.9%,98%,97.6%)`
CMYK	66, 0, 0, 2
HSL	179.6°, 94.3, 65.5	`hsl(179.6,94.3%,65.5%)`
HSV (or HSB)	179.6°, 66.4, 98
Web Safe	66ffff	`#66ffff`

CIE-LAB	90.363, -41.969, -12.054
XYZ	54.935, 77.091, 101.602
xyY	0.235, 0.33, 77.091
CIE-LCH	90.363, 43.666, 196.024
CIE-LUV	90.363, -62.144, -12.575
Hunter-Lab	87.801, -41.969, -7.148
Binary	01010100, 11111010, 11111001

#54faf9
```
#54faf9 rgb(84,250,249)
```
#fa5455
```
#fa5455 rgb(250,84,85)
```

Complementary Color

#54faa6
```
#54faa6 rgb(84,250,166)
```
#54faf9
```
#54faf9 rgb(84,250,249)
```
#54a8fa
```
#54a8fa rgb(84,168,250)
```

Analogous Color

#faa654
```
#faa654 rgb(250,166,84)
```
#54faf9
```
#54faf9 rgb(84,250,249)
```
#fa54a8
```
#fa54a8 rgb(250,84,168)
```

Split Complementary Color

#faf954
```
#faf954 rgb(250,249,84)
```
#54faf9
```
#54faf9 rgb(84,250,249)
```
#f954fa
```
#f954fa rgb(249,84,250)
```

Triadic Color

#55fa54
```
#55fa54 rgb(85,250,84)
```
#54faf9
```
#54faf9 rgb(84,250,249)
```
#f954fa
```
#f954fa rgb(249,84,250)
```
#fa5455
```
#fa5455 rgb(250,84,85)
```

Tetradic Color

#0af8f6
```
#0af8f6 rgb(10,248,246)
```
#22f9f7
```
#22f9f7 rgb(34,249,247)
```
#3bf9f8
```
#3bf9f8 rgb(59,249,248)
```
#54faf9
```
#54faf9 rgb(84,250,249)
```
#6dfbfa
```
#6dfbfa rgb(109,251,250)
```
#86fbfb
```
#86fbfb rgb(134,251,251)
```
#9efcfc
```
#9efcfc rgb(158,252,252)
```

Monochromatic Color

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

#54fad0
```
#54fad0 rgb(84,250,208)
```
#54fadd
```
#54fadd rgb(84,250,221)
```
#54faeb
```
#54faeb rgb(84,250,235)
```
#54faf9
```
#54faf9 rgb(84,250,249)
```
#54edfa
```
#54edfa rgb(84,237,250)
```
#54dffa
```
#54dffa rgb(84,223,250)
```
#54d2fa
```
#54d2fa rgb(84,210,250)
```

Similar Colors

Text with hexadecimal color #54faf9

This text has a font color of #54faf9.

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

#54faf9 background color

This paragraph has a background color of #54faf9.

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

#54faf9 border color

This element has a border color of #54faf9.

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

CSS codes

.text {color:#54faf9;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#011413
```
#011413 rgb(1,20,19)
```
#012726
```
#012726 rgb(1,39,38)
```
#023a39
```
#023a39 rgb(2,58,57)
```
#024d4c
```
#024d4c rgb(2,77,76)
```
#03605f
```
#03605f rgb(3,96,95)
```
#037372
```
#037372 rgb(3,115,114)
```
#048685
```
#048685 rgb(4,134,133)
```
#049998
```
#049998 rgb(4,153,152)
```
#05acab
```
#05acab rgb(5,172,171)
```
#06bfbe
```
#06bfbe rgb(6,191,190)
```
#06d2d1
```
#06d2d1 rgb(6,210,209)
```
#07e5e4
```
#07e5e4 rgb(7,229,228)
```

Shade Color Variation

#08f8f6
```
#08f8f6 rgb(8,248,246)
```
#1bf8f7
```
#1bf8f7 rgb(27,248,247)
```
#2ef9f8
```
#2ef9f8 rgb(46,249,248)
```
#41f9f8
```
#41f9f8 rgb(65,249,248)
```
#54faf9
```
#54faf9 rgb(84,250,249)
```
#67fbfa
```
#67fbfa rgb(103,251,250)
```
#7afbfa
```
#7afbfa rgb(122,251,250)
```
#8dfcfb
```
#8dfcfb rgb(141,252,251)
```
#a0fcfc
```
#a0fcfc rgb(160,252,252)
```
#b3fdfc
```
#b3fdfc rgb(179,253,252)
```
#c6fdfd
```
#c6fdfd rgb(198,253,253)
```
#d9fefe
```
#d9fefe rgb(217,254,254)
```
#ecfefe
```
#ecfefe rgb(236,254,254)
```

Tint Color Variation

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

#a5a9a9
```
#a5a9a9 rgb(165,169,169)
```
#9eb0af
```
#9eb0af rgb(158,176,175)
```
#98b6b6
```
#98b6b6 rgb(152,182,182)
```
#91bdbd
```
#91bdbd rgb(145,189,189)
```
#8ac4c3
```
#8ac4c3 rgb(138,196,195)
```
#83cbca
```
#83cbca rgb(131,203,202)
```
#7dd1d1
```
#7dd1d1 rgb(125,209,209)
```
#76d8d8
```
#76d8d8 rgb(118,216,216)
```
#6fdfde
```
#6fdfde rgb(111,223,222)
```
#68e6e5
```
#68e6e5 rgb(104,230,229)
```
#62ecec
```
#62ecec rgb(98,236,236)
```
#5bf3f2
```
#5bf3f2 rgb(91,243,242)
```
#54faf9
```
#54faf9 rgb(84,250,249)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#b1d2d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6e3ec Protanopia 1% of men
#eae0ff Deuteranopia 1% of men
#9ef1ff Tritanopia 0.001% of the population

Trichromacy

#b1ebf1 Protanomaly 1% of men, 0.01% of women
#b3e9fc Deuteranomaly 6% of men, 0.4% of women
#83f4fc Tritanomaly 0.01% of the population

#54faf9 hex color

#54faf9 Color Information

#54faf9 Color Conversion

Color Schemes with #54faf9

Alternatives to #54faf9

#54faf9 Preview

Shades and Tints of #54faf9

Tones of #54faf9

Color Blindness Simulator