#54a7de hex color

In a RGB color space, hex #54a7de is composed of 32.9% red, 65.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 24.8% magenta, 0% yellow and 12.9% black. It has a hue angle of 203.9 degrees, a saturation of 67.6% and a lightness of 60%. #54a7de color hex could be obtained by blending #a8ffff with #004fbd. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 65
- B 87
RGB color chart
- C 62
- M 25
- Y 0
- K 13
CMYK color chart

● #54a7de color description : Soft blue.

The hexadecimal color #54a7de has RGB values of R:84, G:167, B:222 and CMYK values of C:0.62, M:0.25, Y:0, K:0.13. Its decimal value is 5547998.

Hex triplet	54a7de	`#54a7de`
RGB Decimal	84, 167, 222	`rgb(84,167,222)`
RGB Percent	32.9, 65.5, 87.1	`rgb(32.9%,65.5%,87.1%)`
CMYK	62, 25, 0, 13
HSL	203.9°, 67.6, 60	`hsl(203.9,67.6%,60%)`
HSV (or HSB)	203.9°, 62.2, 87.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.588, -8.775, -35.333
XYZ	30.656, 34.794, 74.204
xyY	0.22, 0.249, 34.794
CIE-LCH	65.588, 36.407, 256.053
CIE-LUV	65.588, -33.807, -54.884
Hunter-Lab	58.986, -10.456, -33.295
Binary	01010100, 10100111, 11011110

#54a7de
```
#54a7de rgb(84,167,222)
```
#de8b54
```
#de8b54 rgb(222,139,84)
```

Complementary Color

#54ded0
```
#54ded0 rgb(84,222,208)
```
#54a7de
```
#54a7de rgb(84,167,222)
```
#5462de
```
#5462de rgb(84,98,222)
```

Analogous Color

#ded054
```
#ded054 rgb(222,208,84)
```
#54a7de
```
#54a7de rgb(84,167,222)
```
#de5462
```
#de5462 rgb(222,84,98)
```

Split Complementary Color

#a7de54
```
#a7de54 rgb(167,222,84)
```
#54a7de
```
#54a7de rgb(84,167,222)
```
#de54a7
```
#de54a7 rgb(222,84,167)
```

Triadic Color

#54de8b
```
#54de8b rgb(84,222,139)
```
#54a7de
```
#54a7de rgb(84,167,222)
```
#de54a7
```
#de54a7 rgb(222,84,167)
```
#de8b54
```
#de8b54 rgb(222,139,84)
```

Tetradic Color

#2583c0
```
#2583c0 rgb(37,131,192)
```
#2991d6
```
#2991d6 rgb(41,145,214)
```
#3f9cda
```
#3f9cda rgb(63,156,218)
```
#54a7de
```
#54a7de rgb(84,167,222)
```
#69b2e2
```
#69b2e2 rgb(105,178,226)
```
#7fbde6
```
#7fbde6 rgb(127,189,230)
```
#94c8ea
```
#94c8ea rgb(148,200,234)
```

Monochromatic Color

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

#54cade
```
#54cade rgb(84,202,222)
```
#54bede
```
#54bede rgb(84,190,222)
```
#54b3de
```
#54b3de rgb(84,179,222)
```
#54a7de
```
#54a7de rgb(84,167,222)
```
#549cde
```
#549cde rgb(84,156,222)
```
#5490de
```
#5490de rgb(84,144,222)
```
#5485de
```
#5485de rgb(84,133,222)
```

Similar Colors

Text with hexadecimal color #54a7de

This text has a font color of #54a7de.

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

#54a7de background color

This paragraph has a background color of #54a7de.

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

#54a7de border color

This element has a border color of #54a7de.

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

CSS codes

.text {color:#54a7de;}

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

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

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, #02070a is the darkest color, while #f8fcfe is the lightest one.

#02070a
```
#02070a rgb(2,7,10)
```
#05121a
```
#05121a rgb(5,18,26)
```
#081d2b
```
#081d2b rgb(8,29,43)
```
#0b283b
```
#0b283b rgb(11,40,59)
```
#0f334c
```
#0f334c rgb(15,51,76)
```
#123e5c
```
#123e5c rgb(18,62,92)
```
#154a6d
```
#154a6d rgb(21,74,109)
```
#18557d
```
#18557d rgb(24,85,125)
```
#1b608d
```
#1b608d rgb(27,96,141)
```
#1e6b9e
```
#1e6b9e rgb(30,107,158)
```
#2276ae
```
#2276ae rgb(34,118,174)
```
#2581bf
```
#2581bf rgb(37,129,191)
```
#288dcf
```
#288dcf rgb(40,141,207)
```

Shade Color Variation

#3396d8
```
#3396d8 rgb(51,150,216)
```
#449fdb
```
#449fdb rgb(68,159,219)
```
#54a7de
```
#54a7de rgb(84,167,222)
```
#64afe1
```
#64afe1 rgb(100,175,225)
```
#75b8e4
```
#75b8e4 rgb(117,184,228)
```
#85c0e8
```
#85c0e8 rgb(133,192,232)
```
#96c9eb
```
#96c9eb rgb(150,201,235)
```
#a6d1ee
```
#a6d1ee rgb(166,209,238)
```
#b7daf1
```
#b7daf1 rgb(183,218,241)
```
#c7e2f4
```
#c7e2f4 rgb(199,226,244)
```
#d8ebf7
```
#d8ebf7 rgb(216,235,247)
```
#e8f3fb
```
#e8f3fb rgb(232,243,251)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939a9f is the less saturated color, while #35adfd is the most saturated one.

#939a9f
```
#939a9f rgb(147,154,159)
```
#8b9ca7
```
#8b9ca7 rgb(139,156,167)
```
#839daf
```
#839daf rgb(131,157,175)
```
#7b9fb7
```
#7b9fb7 rgb(123,159,183)
```
#73a1bf
```
#73a1bf rgb(115,161,191)
```
#6ca2c6
```
#6ca2c6 rgb(108,162,198)
```
#64a4ce
```
#64a4ce rgb(100,164,206)
```
#5ca5d6
```
#5ca5d6 rgb(92,165,214)
```
#54a7de
```
#54a7de rgb(84,167,222)
```
#4ca9e6
```
#4ca9e6 rgb(76,169,230)
```
#44aaee
```
#44aaee rgb(68,170,238)
```
#3cacf6
```
#3cacf6 rgb(60,172,246)
```
#35adfd
```
#35adfd rgb(53,173,253)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8798a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a2d9 Protanopia 1% of men
#8aa2e3 Deuteranopia 1% of men
#48b1be Tritanopia 0.001% of the population

Trichromacy

#7ca4db Protanomaly 1% of men, 0.01% of women
#76a4e1 Deuteranomaly 6% of men, 0.4% of women
#4cadca Tritanomaly 0.01% of the population

#54a7de hex color

#54a7de Color Information

#54a7de Color Conversion

Color Schemes with #54a7de

Alternatives to #54a7de

#54a7de Preview

Shades and Tints of #54a7de

Tones of #54a7de

Color Blindness Simulator