#54a5c4 hex color

In a RGB color space, hex #54a5c4 is composed of 32.9% red, 64.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 15.8% magenta, 0% yellow and 23.1% black. It has a hue angle of 196.6 degrees, a saturation of 48.7% and a lightness of 54.9%. #54a5c4 color hex could be obtained by blending #a8ffff with #004b89. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 65
- B 77
RGB color chart
- C 57
- M 16
- Y 0
- K 23
CMYK color chart

● #54a5c4 color description : Moderate blue.

The hexadecimal color #54a5c4 has RGB values of R:84, G:165, B:196 and CMYK values of C:0.57, M:0.16, Y:0, K:0.23. Its decimal value is 5547460.

Hex triplet	54a5c4	`#54a5c4`
RGB Decimal	84, 165, 196	`rgb(84,165,196)`
RGB Percent	32.9, 64.7, 76.9	`rgb(32.9%,64.7%,76.9%)`
CMYK	57, 16, 0, 23
HSL	196.6°, 48.7, 54.9	`hsl(196.6,48.7%,54.9%)`
HSV (or HSB)	196.6°, 57.1, 76.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.981, -15.769, -23.405
XYZ	27.073, 32.779, 57.122
xyY	0.231, 0.28, 32.779
CIE-LCH	63.981, 28.221, 236.029
CIE-LUV	63.981, -34.039, -33.987
Hunter-Lab	57.253, -15.787, -19.077
Binary	01010100, 10100101, 11000100

#54a5c4
```
#54a5c4 rgb(84,165,196)
```
#c47354
```
#c47354 rgb(196,115,84)
```

Complementary Color

#54c4ab
```
#54c4ab rgb(84,196,171)
```
#54a5c4
```
#54a5c4 rgb(84,165,196)
```
#546dc4
```
#546dc4 rgb(84,109,196)
```

Analogous Color

#c4ab54
```
#c4ab54 rgb(196,171,84)
```
#54a5c4
```
#54a5c4 rgb(84,165,196)
```
#c4546d
```
#c4546d rgb(196,84,109)
```

Split Complementary Color

#a5c454
```
#a5c454 rgb(165,196,84)
```
#54a5c4
```
#54a5c4 rgb(84,165,196)
```
#c454a5
```
#c454a5 rgb(196,84,165)
```

Triadic Color

#54c473
```
#54c473 rgb(84,196,115)
```
#54a5c4
```
#54a5c4 rgb(84,165,196)
```
#c454a5
```
#c454a5 rgb(196,84,165)
```
#c47354
```
#c47354 rgb(196,115,84)
```

Tetradic Color

#347c97
```
#347c97 rgb(52,124,151)
```
#3b8baa
```
#3b8baa rgb(59,139,170)
```
#419bbd
```
#419bbd rgb(65,155,189)
```
#54a5c4
```
#54a5c4 rgb(84,165,196)
```
#67afcb
```
#67afcb rgb(103,175,203)
```
#7ab9d1
```
#7ab9d1 rgb(122,185,209)
```
#8dc3d8
```
#8dc3d8 rgb(141,195,216)
```

Monochromatic Color

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

#54c1c4
```
#54c1c4 rgb(84,193,196)
```
#54b8c4
```
#54b8c4 rgb(84,184,196)
```
#54aec4
```
#54aec4 rgb(84,174,196)
```
#54a5c4
```
#54a5c4 rgb(84,165,196)
```
#549cc4
```
#549cc4 rgb(84,156,196)
```
#5492c4
```
#5492c4 rgb(84,146,196)
```
#5489c4
```
#5489c4 rgb(84,137,196)
```

Similar Colors

Text with hexadecimal color #54a5c4

This text has a font color of #54a5c4.

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

#54a5c4 background color

This paragraph has a background color of #54a5c4.

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

#54a5c4 border color

This element has a border color of #54a5c4.

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

CSS codes

.text {color:#54a5c4;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#060f13
```
#060f13 rgb(6,15,19)
```
#0b1b21
```
#0b1b21 rgb(11,27,33)
```
#102730
```
#102730 rgb(16,39,48)
```
#16333e
```
#16333e rgb(22,51,62)
```
#1b3f4d
```
#1b3f4d rgb(27,63,77)
```
#204b5c
```
#204b5c rgb(32,75,92)
```
#25576a
```
#25576a rgb(37,87,106)
```
#2a6379
```
#2a6379 rgb(42,99,121)
```
#2f6f87
```
#2f6f87 rgb(47,111,135)
```
#347b96
```
#347b96 rgb(52,123,150)
```
#3987a4
```
#3987a4 rgb(57,135,164)
```
#3e93b3
```
#3e93b3 rgb(62,147,179)
```

Shade Color Variation

#459dbf
```
#459dbf rgb(69,157,191)
```
#54a5c4
```
#54a5c4 rgb(84,165,196)
```
#63adc9
```
#63adc9 rgb(99,173,201)
```
#71b4ce
```
#71b4ce rgb(113,180,206)
```
#80bcd3
```
#80bcd3 rgb(128,188,211)
```
#8ec4d8
```
#8ec4d8 rgb(142,196,216)
```
#9dcbdd
```
#9dcbdd rgb(157,203,221)
```
#acd3e2
```
#acd3e2 rgb(172,211,226)
```
#badbe7
```
#badbe7 rgb(186,219,231)
```
#c9e2ec
```
#c9e2ec rgb(201,226,236)
```
#d7eaf1
```
#d7eaf1 rgb(215,234,241)
```
#e6f2f6
```
#e6f2f6 rgb(230,242,246)
```
#f4f9fb
```
#f4f9fb rgb(244,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898d8f is the less saturated color, while #1fbdf9 is the most saturated one.

#898d8f
```
#898d8f rgb(137,141,143)
```
#809198
```
#809198 rgb(128,145,152)
```
#7795a1
```
#7795a1 rgb(119,149,161)
```
#6f99a9
```
#6f99a9 rgb(111,153,169)
```
#669db2
```
#669db2 rgb(102,157,178)
```
#5da1bb
```
#5da1bb rgb(93,161,187)
```
#54a5c4
```
#54a5c4 rgb(84,165,196)
```
#4ba9cd
```
#4ba9cd rgb(75,169,205)
```
#42add6
```
#42add6 rgb(66,173,214)
```
#39b1df
```
#39b1df rgb(57,177,223)
```
#31b5e7
```
#31b5e7 rgb(49,181,231)
```
#28b9f0
```
#28b9f0 rgb(40,185,240)
```
#1fbdf9
```
#1fbdf9 rgb(31,189,249)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#84949a Atypical Achromatopsia 0.001% of the population

Dichromacy

#989ec0 Protanopia 1% of men
#969dcb Deuteranopia 1% of men
#55acb8 Tritanopia 0.001% of the population

Trichromacy

#7fa1c1 Protanomaly 1% of men, 0.01% of women
#7ea0c8 Deuteranomaly 6% of men, 0.4% of women
#55a9bc Tritanomaly 0.01% of the population

#54a5c4 hex color

#54a5c4 Color Information

#54a5c4 Color Conversion

Color Schemes with #54a5c4

Alternatives to #54a5c4

#54a5c4 Preview

Shades and Tints of #54a5c4

Tones of #54a5c4

Color Blindness Simulator