#54d1f0 hex color

In a RGB color space, hex #54d1f0 is composed of 32.9% red, 82% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 12.9% magenta, 0% yellow and 5.9% black. It has a hue angle of 191.9 degrees, a saturation of 83.9% and a lightness of 63.5%. #54d1f0 color hex could be obtained by blending #a8ffff with #00a3e1. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 33
- G 82
- B 94
RGB color chart
- C 65
- M 13
- Y 0
- K 6
CMYK color chart

● #54d1f0 color description : Soft cyan.

The hexadecimal color #54d1f0 has RGB values of R:84, G:209, B:240 and CMYK values of C:0.65, M:0.13, Y:0, K:0.06. Its decimal value is 5558768.

Hex triplet	54d1f0	`#54d1f0`
RGB Decimal	84, 209, 240	`rgb(84,209,240)`
RGB Percent	32.9, 82, 94.1	`rgb(32.9%,82%,94.1%)`
CMYK	65, 13, 0, 6
HSL	191.9°, 83.9, 63.5	`hsl(191.9,83.9%,63.5%)`
HSV (or HSB)	191.9°, 65, 94.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.33, -25.21, -25.469
XYZ	42.181, 53.774, 90.59
xyY	0.226, 0.288, 53.774
CIE-LCH	78.33, 35.836, 225.293
CIE-LUV	78.33, -48.134, -37.107
Hunter-Lab	73.33, -25.653, -21.913
Binary	01010100, 11010001, 11110000

#54d1f0
```
#54d1f0 rgb(84,209,240)
```
#f07354
```
#f07354 rgb(240,115,84)
```

Complementary Color

#54f0c1
```
#54f0c1 rgb(84,240,193)
```
#54d1f0
```
#54d1f0 rgb(84,209,240)
```
#5483f0
```
#5483f0 rgb(84,131,240)
```

Analogous Color

#f0c154
```
#f0c154 rgb(240,193,84)
```
#54d1f0
```
#54d1f0 rgb(84,209,240)
```
#f05483
```
#f05483 rgb(240,84,131)
```

Split Complementary Color

#d1f054
```
#d1f054 rgb(209,240,84)
```
#54d1f0
```
#54d1f0 rgb(84,209,240)
```
#f054d1
```
#f054d1 rgb(240,84,209)
```

Triadic Color

#54f073
```
#54f073 rgb(84,240,115)
```
#54d1f0
```
#54d1f0 rgb(84,209,240)
```
#f054d1
```
#f054d1 rgb(240,84,209)
```
#f07354
```
#f07354 rgb(240,115,84)
```

Tetradic Color

#14bae4
```
#14bae4 rgb(20,186,228)
```
#25c4ec
```
#25c4ec rgb(37,196,236)
```
#3dcbee
```
#3dcbee rgb(61,203,238)
```
#54d1f0
```
#54d1f0 rgb(84,209,240)
```
#6bd7f2
```
#6bd7f2 rgb(107,215,242)
```
#83def4
```
#83def4 rgb(131,222,244)
```
#9ae4f6
```
#9ae4f6 rgb(154,228,246)
```

Monochromatic Color

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

#54f0e8
```
#54f0e8 rgb(84,240,232)
```
#54ebf0
```
#54ebf0 rgb(84,235,240)
```
#54def0
```
#54def0 rgb(84,222,240)
```
#54d1f0
```
#54d1f0 rgb(84,209,240)
```
#54c4f0
```
#54c4f0 rgb(84,196,240)
```
#54b7f0
```
#54b7f0 rgb(84,183,240)
```
#54aaf0
```
#54aaf0 rgb(84,170,240)
```

Similar Colors

Text with hexadecimal color #54d1f0

This text has a font color of #54d1f0.

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

#54d1f0 background color

This paragraph has a background color of #54d1f0.

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

#54d1f0 border color

This element has a border color of #54d1f0.

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

CSS codes

.text {color:#54d1f0;}

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

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

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

#010809
```
#010809 rgb(1,8,9)
```
#02161b
```
#02161b rgb(2,22,27)
```
#04252d
```
#04252d rgb(4,37,45)
```
#06343f
```
#06343f rgb(6,52,63)
```
#074351
```
#074351 rgb(7,67,81)
```
#095164
```
#095164 rgb(9,81,100)
```
#0a6076
```
#0a6076 rgb(10,96,118)
```
#0c6f88
```
#0c6f88 rgb(12,111,136)
```
#0d7e9a
```
#0d7e9a rgb(13,126,154)
```
#0f8dac
```
#0f8dac rgb(15,141,172)
```
#119bbe
```
#119bbe rgb(17,155,190)
```
#12aad0
```
#12aad0 rgb(18,170,208)
```
#14b9e2
```
#14b9e2 rgb(20,185,226)
```

Shade Color Variation

#1ec2eb
```
#1ec2eb rgb(30,194,235)
```
#30c7ed
```
#30c7ed rgb(48,199,237)
```
#42ccee
```
#42ccee rgb(66,204,238)
```
#54d1f0
```
#54d1f0 rgb(84,209,240)
```
#66d6f2
```
#66d6f2 rgb(102,214,242)
```
#78dbf3
```
#78dbf3 rgb(120,219,243)
```
#8ae0f5
```
#8ae0f5 rgb(138,224,245)
```
#9ce4f6
```
#9ce4f6 rgb(156,228,246)
```
#aee9f8
```
#aee9f8 rgb(174,233,248)
```
#c0eef9
```
#c0eef9 rgb(192,238,249)
```
#d2f3fb
```
#d2f3fb rgb(210,243,251)
```
#e4f8fd
```
#e4f8fd rgb(228,248,253)
```
#f6fdfe
```
#f6fdfe rgb(246,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ca6a8 is the less saturated color, while #46dafe is the most saturated one.

#9ca6a8
```
#9ca6a8 rgb(156,166,168)
```
#94aab0
```
#94aab0 rgb(148,170,176)
```
#8dafb7
```
#8dafb7 rgb(141,175,183)
```
#86b3be
```
#86b3be rgb(134,179,190)
```
#7fb7c5
```
#7fb7c5 rgb(127,183,197)
```
#78bbcc
```
#78bbcc rgb(120,187,204)
```
#71c0d3
```
#71c0d3 rgb(113,192,211)
```
#69c4db
```
#69c4db rgb(105,196,219)
```
#62c8e2
```
#62c8e2 rgb(98,200,226)
```
#5bcde9
```
#5bcde9 rgb(91,205,233)
```
#54d1f0
```
#54d1f0 rgb(84,209,240)
```
#4dd5f7
```
#4dd5f7 rgb(77,213,247)
```
#46dafe
```
#46dafe rgb(70,218,254)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9db6bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc3e6 Protanopia 1% of men
#bac1f7 Deuteranopia 1% of men
#54d5e5 Tritanopia 0.001% of the population

Trichromacy

#96c8ea Protanomaly 1% of men, 0.01% of women
#95c7f4 Deuteranomaly 6% of men, 0.4% of women
#54d3e9 Tritanomaly 0.01% of the population

#54d1f0 hex color

#54d1f0 Color Information

#54d1f0 Color Conversion

Color Schemes with #54d1f0

Alternatives to #54d1f0

#54d1f0 Preview

Shades and Tints of #54d1f0

Tones of #54d1f0

Color Blindness Simulator