#54c2ef hex color

In a RGB color space, hex #54c2ef is composed of 32.9% red, 76.1% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 18.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 197.4 degrees, a saturation of 82.9% and a lightness of 63.3%. #54c2ef color hex could be obtained by blending #a8ffff with #0085df. Closest websafe color is: #66ccff.

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

● #54c2ef color description : Soft blue.

The hexadecimal color #54c2ef has RGB values of R:84, G:194, B:239 and CMYK values of C:0.65, M:0.19, Y:0, K:0.06. Its decimal value is 5554927.

Hex triplet	54c2ef	`#54c2ef`
RGB Decimal	84, 194, 239	`rgb(84,194,239)`
RGB Percent	32.9, 76.1, 93.7	`rgb(32.9%,76.1%,93.7%)`
CMYK	65, 19, 0, 6
HSL	197.4°, 82.9, 63.3	`hsl(197.4,82.9%,63.3%)`
HSV (or HSB)	197.4°, 64.9, 93.7
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.996, -17.885, -31.582
XYZ	38.524, 46.697, 88.64
xyY	0.222, 0.269, 46.697
CIE-LCH	73.996, 36.294, 240.476
CIE-LUV	73.996, -42.803, -48.204
Hunter-Lab	68.335, -18.958, -29.072
Binary	01010100, 11000010, 11101111

#54c2ef
```
#54c2ef rgb(84,194,239)
```
#ef8154
```
#ef8154 rgb(239,129,84)
```

Complementary Color

#54efcf
```
#54efcf rgb(84,239,207)
```
#54c2ef
```
#54c2ef rgb(84,194,239)
```
#5475ef
```
#5475ef rgb(84,117,239)
```

Analogous Color

#efcf54
```
#efcf54 rgb(239,207,84)
```
#54c2ef
```
#54c2ef rgb(84,194,239)
```
#ef5475
```
#ef5475 rgb(239,84,117)
```

Split Complementary Color

#c2ef54
```
#c2ef54 rgb(194,239,84)
```
#54c2ef
```
#54c2ef rgb(84,194,239)
```
#ef54c2
```
#ef54c2 rgb(239,84,194)
```

Triadic Color

#54ef81
```
#54ef81 rgb(84,239,129)
```
#54c2ef
```
#54c2ef rgb(84,194,239)
```
#ef54c2
```
#ef54c2 rgb(239,84,194)
```
#ef8154
```
#ef8154 rgb(239,129,84)
```

Tetradic Color

#15a6e1
```
#15a6e1 rgb(21,166,225)
```
#25b1eb
```
#25b1eb rgb(37,177,235)
```
#3dbaed
```
#3dbaed rgb(61,186,237)
```
#54c2ef
```
#54c2ef rgb(84,194,239)
```
#6bcaf1
```
#6bcaf1 rgb(107,202,241)
```
#83d3f3
```
#83d3f3 rgb(131,211,243)
```
#9adbf6
```
#9adbf6 rgb(154,219,246)
```

Monochromatic Color

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

#54e9ef
```
#54e9ef rgb(84,233,239)
```
#54dcef
```
#54dcef rgb(84,220,239)
```
#54cfef
```
#54cfef rgb(84,207,239)
```
#54c2ef
```
#54c2ef rgb(84,194,239)
```
#54b5ef
```
#54b5ef rgb(84,181,239)
```
#54a8ef
```
#54a8ef rgb(84,168,239)
```
#549bef
```
#549bef rgb(84,155,239)
```

Similar Colors

Text with hexadecimal color #54c2ef

This text has a font color of #54c2ef.

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

#54c2ef background color

This paragraph has a background color of #54c2ef.

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

#54c2ef border color

This element has a border color of #54c2ef.

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

CSS codes

.text {color:#54c2ef;}

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

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

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

#010608
```
#010608 rgb(1,6,8)
```
#02131a
```
#02131a rgb(2,19,26)
```
#04212c
```
#04212c rgb(4,33,44)
```
#062e3e
```
#062e3e rgb(6,46,62)
```
#073b50
```
#073b50 rgb(7,59,80)
```
#094862
```
#094862 rgb(9,72,98)
```
#0b5574
```
#0b5574 rgb(11,85,116)
```
#0d6386
```
#0d6386 rgb(13,99,134)
```
#0e7098
```
#0e7098 rgb(14,112,152)
```
#107daa
```
#107daa rgb(16,125,170)
```
#128abc
```
#128abc rgb(18,138,188)
```
#1398ce
```
#1398ce rgb(19,152,206)
```
#15a5e0
```
#15a5e0 rgb(21,165,224)
```

Shade Color Variation

#1eafea
```
#1eafea rgb(30,175,234)
```
#30b5ec
```
#30b5ec rgb(48,181,236)
```
#42bced
```
#42bced rgb(66,188,237)
```
#54c2ef
```
#54c2ef rgb(84,194,239)
```
#66c8f1
```
#66c8f1 rgb(102,200,241)
```
#78cff2
```
#78cff2 rgb(120,207,242)
```
#8ad5f4
```
#8ad5f4 rgb(138,213,244)
```
#9cdcf6
```
#9cdcf6 rgb(156,220,246)
```
#aee2f7
```
#aee2f7 rgb(174,226,247)
```
#c0e8f9
```
#c0e8f9 rgb(192,232,249)
```
#d2effb
```
#d2effb rgb(210,239,251)
```
#e3f5fc
```
#e3f5fc rgb(227,245,252)
```
#f5fcfe
```
#f5fcfe rgb(245,252,254)
```

Tint Color Variation

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

#9ca4a7
```
#9ca4a7 rgb(156,164,167)
```
#95a7ae
```
#95a7ae rgb(149,167,174)
```
#8eaab5
```
#8eaab5 rgb(142,170,181)
```
#86adbd
```
#86adbd rgb(134,173,189)
```
#7fb0c4
```
#7fb0c4 rgb(127,176,196)
```
#78b3cb
```
#78b3cb rgb(120,179,203)
```
#71b6d2
```
#71b6d2 rgb(113,182,210)
```
#6ab9d9
```
#6ab9d9 rgb(106,185,217)
```
#62bce1
```
#62bce1 rgb(98,188,225)
```
#5bbfe8
```
#5bbfe8 rgb(91,191,232)
```
#54c2ef
```
#54c2ef rgb(84,194,239)
```
#4dc5f6
```
#4dc5f6 rgb(77,197,246)
```
#46c8fd
```
#46c8fd rgb(70,200,253)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#96acb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adb7e7 Protanopia 1% of men
#a7b7f5 Deuteranopia 1% of men
#4cc9d8 Tritanopia 0.001% of the population

Trichromacy

#8cbbe9 Protanomaly 1% of men, 0.01% of women
#88bbf2 Deuteranomaly 6% of men, 0.4% of women
#4fc6e0 Tritanomaly 0.01% of the population

#54c2ef hex color

#54c2ef Color Information

#54c2ef Color Conversion

Color Schemes with #54c2ef

Alternatives to #54c2ef

#54c2ef Preview

Shades and Tints of #54c2ef

Tones of #54c2ef

Color Blindness Simulator