#54cdea hex color

In a RGB color space, hex #54cdea is composed of 32.9% red, 80.4% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 12.4% magenta, 0% yellow and 8.2% black. It has a hue angle of 191.6 degrees, a saturation of 78.1% and a lightness of 62.4%. #54cdea color hex could be obtained by blending #a8ffff with #009bd5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 33
- G 80
- B 92
RGB color chart
- C 64
- M 12
- Y 0
- K 8
CMYK color chart

● #54cdea color description : Soft cyan.

The hexadecimal color #54cdea has RGB values of R:84, G:205, B:234 and CMYK values of C:0.64, M:0.12, Y:0, K:0.08. Its decimal value is 5557738.

Hex triplet	54cdea	`#54cdea`
RGB Decimal	84, 205, 234	`rgb(84,205,234)`
RGB Percent	32.9, 80.4, 91.8	`rgb(32.9%,80.4%,91.8%)`
CMYK	64, 12, 0, 8
HSL	191.6°, 78.1, 62.4	`hsl(191.6,78.1%,62.4%)`
HSV (or HSB)	191.6°, 64.1, 91.8
Web Safe	66ccff	`#66ccff`

CIE-LAB	76.972, -25.003, -24.326
XYZ	40.335, 51.485, 85.649
xyY	0.227, 0.29, 51.485
CIE-LCH	76.972, 34.885, 224.214
CIE-LUV	76.972, -47.023, -35.129
Hunter-Lab	71.753, -25.227, -20.546
Binary	01010100, 11001101, 11101010

#54cdea
```
#54cdea rgb(84,205,234)
```
#ea7154
```
#ea7154 rgb(234,113,84)
```

Complementary Color

#54eabc
```
#54eabc rgb(84,234,188)
```
#54cdea
```
#54cdea rgb(84,205,234)
```
#5482ea
```
#5482ea rgb(84,130,234)
```

Analogous Color

#eabc54
```
#eabc54 rgb(234,188,84)
```
#54cdea
```
#54cdea rgb(84,205,234)
```
#ea5482
```
#ea5482 rgb(234,84,130)
```

Split Complementary Color

#cdea54
```
#cdea54 rgb(205,234,84)
```
#54cdea
```
#54cdea rgb(84,205,234)
```
#ea54cd
```
#ea54cd rgb(234,84,205)
```

Triadic Color

#54ea71
```
#54ea71 rgb(84,234,113)
```
#54cdea
```
#54cdea rgb(84,205,234)
```
#ea54cd
```
#ea54cd rgb(234,84,205)
```
#ea7154
```
#ea7154 rgb(234,113,84)
```

Tetradic Color

#1ab3d7
```
#1ab3d7 rgb(26,179,215)
```
#27c0e4
```
#27c0e4 rgb(39,192,228)
```
#3dc6e7
```
#3dc6e7 rgb(61,198,231)
```
#54cdea
```
#54cdea rgb(84,205,234)
```
#6bd4ed
```
#6bd4ed rgb(107,212,237)
```
#81daf0
```
#81daf0 rgb(129,218,240)
```
#98e1f2
```
#98e1f2 rgb(152,225,242)
```

Monochromatic Color

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

#54eae2
```
#54eae2 rgb(84,234,226)
```
#54e6ea
```
#54e6ea rgb(84,230,234)
```
#54daea
```
#54daea rgb(84,218,234)
```
#54cdea
```
#54cdea rgb(84,205,234)
```
#54c1ea
```
#54c1ea rgb(84,193,234)
```
#54b4ea
```
#54b4ea rgb(84,180,234)
```
#54a8ea
```
#54a8ea rgb(84,168,234)
```

Similar Colors

Text with hexadecimal color #54cdea

This text has a font color of #54cdea.

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

#54cdea background color

This paragraph has a background color of #54cdea.

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

#54cdea border color

This element has a border color of #54cdea.

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

CSS codes

.text {color:#54cdea;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#031215
```
#031215 rgb(3,18,21)
```
#052027
```
#052027 rgb(5,32,39)
```
#072f38
```
#072f38 rgb(7,47,56)
```
#093d4a
```
#093d4a rgb(9,61,74)
```
#0b4c5b
```
#0b4c5b rgb(11,76,91)
```
#0d5a6d
```
#0d5a6d rgb(13,90,109)
```
#0f697e
```
#0f697e rgb(15,105,126)
```
#12778f
```
#12778f rgb(18,119,143)
```
#1486a1
```
#1486a1 rgb(20,134,161)
```
#1694b2
```
#1694b2 rgb(22,148,178)
```
#18a3c4
```
#18a3c4 rgb(24,163,196)
```
#1ab1d5
```
#1ab1d5 rgb(26,177,213)
```

Shade Color Variation

#20bee4
```
#20bee4 rgb(32,190,228)
```
#31c3e6
```
#31c3e6 rgb(49,195,230)
```
#43c8e8
```
#43c8e8 rgb(67,200,232)
```
#54cdea
```
#54cdea rgb(84,205,234)
```
#65d2ec
```
#65d2ec rgb(101,210,236)
```
#77d7ee
```
#77d7ee rgb(119,215,238)
```
#88dcf0
```
#88dcf0 rgb(136,220,240)
```
#9ae1f3
```
#9ae1f3 rgb(154,225,243)
```
#abe7f5
```
#abe7f5 rgb(171,231,245)
```
#bdecf7
```
#bdecf7 rgb(189,236,247)
```
#cef1f9
```
#cef1f9 rgb(206,241,249)
```
#e0f6fb
```
#e0f6fb rgb(224,246,251)
```
#f1fbfd
```
#f1fbfd rgb(241,251,253)
```

Tint Color Variation

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

#9ea0a0
```
#9ea0a0 rgb(158,160,160)
```
#96a4a8
```
#96a4a8 rgb(150,164,168)
```
#8fa9af
```
#8fa9af rgb(143,169,175)
```
#88adb6
```
#88adb6 rgb(136,173,182)
```
#80b2be
```
#80b2be rgb(128,178,190)
```
#79b6c5
```
#79b6c5 rgb(121,182,197)
```
#72bbcc
```
#72bbcc rgb(114,187,204)
```
#6abfd4
```
#6abfd4 rgb(106,191,212)
```
#63c4db
```
#63c4db rgb(99,196,219)
```
#5bc8e3
```
#5bc8e3 rgb(91,200,227)
```
#54cdea
```
#54cdea rgb(84,205,234)
```
#4dd2f1
```
#4dd2f1 rgb(77,210,241)
```
#45d6f9
```
#45d6f9 rgb(69,214,249)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#9ab3b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#babfe1 Protanopia 1% of men
#b8bef1 Deuteranopia 1% of men
#56d1e0 Tritanopia 0.001% of the population

Trichromacy

#95c4e4 Protanomaly 1% of men, 0.01% of women
#93c3ee Deuteranomaly 6% of men, 0.4% of women
#55cfe4 Tritanomaly 0.01% of the population

#54cdea hex color

#54cdea Color Information

#54cdea Color Conversion

Color Schemes with #54cdea

Alternatives to #54cdea

#54cdea Preview

Shades and Tints of #54cdea

Tones of #54cdea

Color Blindness Simulator