#54a6dd hex color

In a RGB color space, hex #54a6dd is composed of 32.9% red, 65.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 24.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 204.1 degrees, a saturation of 66.8% and a lightness of 59.8%. #54a6dd color hex could be obtained by blending #a8ffff with #004dbb. 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

● #54a6dd color description : Soft blue.

The hexadecimal color #54a6dd has RGB values of R:84, G:166, B:221 and CMYK values of C:0.62, M:0.25, Y:0, K:0.13. Its decimal value is 5547741.

Hex triplet	54a6dd	`#54a6dd`
RGB Decimal	84, 166, 221	`rgb(84,166,221)`
RGB Percent	32.9, 65.1, 86.7	`rgb(32.9%,65.1%,86.7%)`
CMYK	62, 25, 0, 13
HSL	204.1°, 66.8, 59.8	`hsl(204.1,66.8%,59.8%)`
HSV (or HSB)	204.1°, 62, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.26, -8.542, -35.293
XYZ	30.34, 34.376, 73.439
xyY	0.22, 0.249, 34.376
CIE-LCH	65.26, 36.312, 256.394
CIE-LUV	65.26, -33.481, -54.804
Hunter-Lab	58.631, -10.233, -33.223
Binary	01010100, 10100110, 11011101

#54a6dd
```
#54a6dd rgb(84,166,221)
```
#dd8b54
```
#dd8b54 rgb(221,139,84)
```

Complementary Color

#54ddd0
```
#54ddd0 rgb(84,221,208)
```
#54a6dd
```
#54a6dd rgb(84,166,221)
```
#5462dd
```
#5462dd rgb(84,98,221)
```

Analogous Color

#ddd054
```
#ddd054 rgb(221,208,84)
```
#54a6dd
```
#54a6dd rgb(84,166,221)
```
#dd5462
```
#dd5462 rgb(221,84,98)
```

Split Complementary Color

#a6dd54
```
#a6dd54 rgb(166,221,84)
```
#54a6dd
```
#54a6dd rgb(84,166,221)
```
#dd54a6
```
#dd54a6 rgb(221,84,166)
```

Triadic Color

#54dd8b
```
#54dd8b rgb(84,221,139)
```
#54a6dd
```
#54a6dd rgb(84,166,221)
```
#dd54a6
```
#dd54a6 rgb(221,84,166)
```
#dd8b54
```
#dd8b54 rgb(221,139,84)
```

Tetradic Color

#2681bf
```
#2681bf rgb(38,129,191)
```
#2a90d4
```
#2a90d4 rgb(42,144,212)
```
#3f9bd9
```
#3f9bd9 rgb(63,155,217)
```
#54a6dd
```
#54a6dd rgb(84,166,221)
```
#69b1e1
```
#69b1e1 rgb(105,177,225)
```
#7fbce5
```
#7fbce5 rgb(127,188,229)
```
#94c7ea
```
#94c7ea rgb(148,199,234)
```

Monochromatic Color

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

#54c8dd
```
#54c8dd rgb(84,200,221)
```
#54bddd
```
#54bddd rgb(84,189,221)
```
#54b1dd
```
#54b1dd rgb(84,177,221)
```
#54a6dd
```
#54a6dd rgb(84,166,221)
```
#549bdd
```
#549bdd rgb(84,155,221)
```
#548fdd
```
#548fdd rgb(84,143,221)
```
#5484dd
```
#5484dd rgb(84,132,221)
```

Similar Colors

Text with hexadecimal color #54a6dd

This text has a font color of #54a6dd.

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

#54a6dd background color

This paragraph has a background color of #54a6dd.

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

#54a6dd border color

This element has a border color of #54a6dd.

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

CSS codes

.text {color:#54a6dd;}

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

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

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

#020609
```
#020609 rgb(2,6,9)
```
#051119
```
#051119 rgb(5,17,25)
```
#081c2a
```
#081c2a rgb(8,28,42)
```
#0c273a
```
#0c273a rgb(12,39,58)
```
#0f324a
```
#0f324a rgb(15,50,74)
```
#123e5b
```
#123e5b rgb(18,62,91)
```
#15496b
```
#15496b rgb(21,73,107)
```
#19547c
```
#19547c rgb(25,84,124)
```
#1c5f8c
```
#1c5f8c rgb(28,95,140)
```
#1f6a9c
```
#1f6a9c rgb(31,106,156)
```
#2275ad
```
#2275ad rgb(34,117,173)
```
#2680bd
```
#2680bd rgb(38,128,189)
```
#298bcd
```
#298bcd rgb(41,139,205)
```

Shade Color Variation

#3395d6
```
#3395d6 rgb(51,149,214)
```
#449dda
```
#449dda rgb(68,157,218)
```
#54a6dd
```
#54a6dd rgb(84,166,221)
```
#64afe0
```
#64afe0 rgb(100,175,224)
```
#75b7e4
```
#75b7e4 rgb(117,183,228)
```
#85c0e7
```
#85c0e7 rgb(133,192,231)
```
#95c8ea
```
#95c8ea rgb(149,200,234)
```
#a6d1ed
```
#a6d1ed rgb(166,209,237)
```
#b6d9f1
```
#b6d9f1 rgb(182,217,241)
```
#c7e2f4
```
#c7e2f4 rgb(199,226,244)
```
#d7eaf7
```
#d7eaf7 rgb(215,234,247)
```
#e7f3fa
```
#e7f3fa rgb(231,243,250)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

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

#939a9e
```
#939a9e rgb(147,154,158)
```
#8b9ba6
```
#8b9ba6 rgb(139,155,166)
```
#839dae
```
#839dae rgb(131,157,174)
```
#7b9eb6
```
#7b9eb6 rgb(123,158,182)
```
#74a0bd
```
#74a0bd rgb(116,160,189)
```
#6ca1c5
```
#6ca1c5 rgb(108,161,197)
```
#64a3cd
```
#64a3cd rgb(100,163,205)
```
#5ca4d5
```
#5ca4d5 rgb(92,164,213)
```
#54a6dd
```
#54a6dd rgb(84,166,221)
```
#4ca8e5
```
#4ca8e5 rgb(76,168,229)
```
#44a9ed
```
#44a9ed rgb(68,169,237)
```
#3cabf5
```
#3cabf5 rgb(60,171,245)
```
#34acfd
```
#34acfd rgb(52,172,253)
```

Tone Color Variation

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

#92a1d8 Protanopia 1% of men
#89a2e2 Deuteranopia 1% of men
#48b1bd Tritanopia 0.001% of the population

Trichromacy

#7ba3da Protanomaly 1% of men, 0.01% of women
#76a3e0 Deuteranomaly 6% of men, 0.4% of women
#4cadc9 Tritanomaly 0.01% of the population

#54a6dd hex color

#54a6dd Color Information

#54a6dd Color Conversion

Color Schemes with #54a6dd

Alternatives to #54a6dd

#54a6dd Preview

Shades and Tints of #54a6dd

Tones of #54a6dd

Color Blindness Simulator