#54a2c9 hex color

In a RGB color space, hex #54a2c9 is composed of 32.9% red, 63.5% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 19.4% magenta, 0% yellow and 21.2% black. It has a hue angle of 200 degrees, a saturation of 52% and a lightness of 55.9%. #54a2c9 color hex could be obtained by blending #a8ffff with #004593. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 64
- B 79
RGB color chart
- C 58
- M 19
- Y 0
- K 21
CMYK color chart

● #54a2c9 color description : Moderate blue.

The hexadecimal color #54a2c9 has RGB values of R:84, G:162, B:201 and CMYK values of C:0.58, M:0.19, Y:0, K:0.21. Its decimal value is 5546697.

Hex triplet	54a2c9	`#54a2c9`
RGB Decimal	84, 162, 201	`rgb(84,162,201)`
RGB Percent	32.9, 63.5, 78.8	`rgb(32.9%,63.5%,78.8%)`
CMYK	58, 19, 0, 21
HSL	200°, 52, 55.9	`hsl(200,52%,55.9%)`
HSV (or HSB)	200°, 58.2, 78.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.294, -12.628, -27.247
XYZ	27.116, 31.941, 59.991
xyY	0.228, 0.268, 31.941
CIE-LCH	63.294, 30.031, 245.134
CIE-LUV	63.294, -32.726, -40.657
Hunter-Lab	56.516, -13.259, -23.375
Binary	01010100, 10100010, 11001001

#54a2c9
```
#54a2c9 rgb(84,162,201)
```
#c97b54
```
#c97b54 rgb(201,123,84)
```

Complementary Color

#54c9b6
```
#54c9b6 rgb(84,201,182)
```
#54a2c9
```
#54a2c9 rgb(84,162,201)
```
#5468c9
```
#5468c9 rgb(84,104,201)
```

Analogous Color

#c9b654
```
#c9b654 rgb(201,182,84)
```
#54a2c9
```
#54a2c9 rgb(84,162,201)
```
#c95468
```
#c95468 rgb(201,84,104)
```

Split Complementary Color

#a2c954
```
#a2c954 rgb(162,201,84)
```
#54a2c9
```
#54a2c9 rgb(84,162,201)
```
#c954a2
```
#c954a2 rgb(201,84,162)
```

Triadic Color

#54c97b
```
#54c97b rgb(84,201,123)
```
#54a2c9
```
#54a2c9 rgb(84,162,201)
```
#c954a2
```
#c954a2 rgb(201,84,162)
```
#c97b54
```
#c97b54 rgb(201,123,84)
```

Tetradic Color

#327a9e
```
#327a9e rgb(50,122,158)
```
#3889b2
```
#3889b2 rgb(56,137,178)
```
#4197c3
```
#4197c3 rgb(65,151,195)
```
#54a2c9
```
#54a2c9 rgb(84,162,201)
```
#67adcf
```
#67adcf rgb(103,173,207)
```
#7bb7d5
```
#7bb7d5 rgb(123,183,213)
```
#8ec2db
```
#8ec2db rgb(142,194,219)
```

Monochromatic Color

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

#54bfc9
```
#54bfc9 rgb(84,191,201)
```
#54b6c9
```
#54b6c9 rgb(84,182,201)
```
#54acc9
```
#54acc9 rgb(84,172,201)
```
#54a2c9
```
#54a2c9 rgb(84,162,201)
```
#5498c9
```
#5498c9 rgb(84,152,201)
```
#548fc9
```
#548fc9 rgb(84,143,201)
```
#5485c9
```
#5485c9 rgb(84,133,201)
```

Similar Colors

Text with hexadecimal color #54a2c9

This text has a font color of #54a2c9.

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

#54a2c9 background color

This paragraph has a background color of #54a2c9.

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

#54a2c9 border color

This element has a border color of #54a2c9.

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

CSS codes

.text {color:#54a2c9;}

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

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

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

#020608
```
#020608 rgb(2,6,8)
```
#071217
```
#071217 rgb(7,18,23)
```
#0c1d26
```
#0c1d26 rgb(12,29,38)
```
#112935
```
#112935 rgb(17,41,53)
```
#153444
```
#153444 rgb(21,52,68)
```
#1a4052
```
#1a4052 rgb(26,64,82)
```
#1f4b61
```
#1f4b61 rgb(31,75,97)
```
#235770
```
#235770 rgb(35,87,112)
```
#28627f
```
#28627f rgb(40,98,127)
```
#2d6e8e
```
#2d6e8e rgb(45,110,142)
```
#32799d
```
#32799d rgb(50,121,157)
```
#3685ac
```
#3685ac rgb(54,133,172)
```
#3b90bb
```
#3b90bb rgb(59,144,187)
```

Shade Color Variation

#459ac4
```
#459ac4 rgb(69,154,196)
```
#54a2c9
```
#54a2c9 rgb(84,162,201)
```
#63aace
```
#63aace rgb(99,170,206)
```
#72b2d2
```
#72b2d2 rgb(114,178,210)
```
#81bad7
```
#81bad7 rgb(129,186,215)
```
#90c2dc
```
#90c2dc rgb(144,194,220)
```
#9fcbe1
```
#9fcbe1 rgb(159,203,225)
```
#add3e5
```
#add3e5 rgb(173,211,229)
```
#bcdbea
```
#bcdbea rgb(188,219,234)
```
#cbe3ef
```
#cbe3ef rgb(203,227,239)
```
#daebf3
```
#daebf3 rgb(218,235,243)
```
#e9f3f8
```
#e9f3f8 rgb(233,243,248)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #889195 is the less saturated color, while #20b3fd is the most saturated one.

#889195
```
#889195 rgb(136,145,149)
```
#7f949e
```
#7f949e rgb(127,148,158)
```
#7796a6
```
#7796a6 rgb(119,150,166)
```
#6e99af
```
#6e99af rgb(110,153,175)
```
#659cb8
```
#659cb8 rgb(101,156,184)
```
#5d9fc0
```
#5d9fc0 rgb(93,159,192)
```
#54a2c9
```
#54a2c9 rgb(84,162,201)
```
#4ba5d2
```
#4ba5d2 rgb(75,165,210)
```
#43a8da
```
#43a8da rgb(67,168,218)
```
#3aabe3
```
#3aabe3 rgb(58,171,227)
```
#31aeec
```
#31aeec rgb(49,174,236)
```
#29b0f4
```
#29b0f4 rgb(41,176,244)
```
#20b3fd
```
#20b3fd rgb(32,179,253)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#83939b Atypical Achromatopsia 0.001% of the population

Dichromacy

#939cc5 Protanopia 1% of men
#8f9ccf Deuteranopia 1% of men
#51aab7 Tritanopia 0.001% of the population

Trichromacy

#7c9ec6 Protanomaly 1% of men, 0.01% of women
#7a9ecd Deuteranomaly 6% of men, 0.4% of women
#52a7bd Tritanomaly 0.01% of the population

#54a2c9 hex color

#54a2c9 Color Information

#54a2c9 Color Conversion

Color Schemes with #54a2c9

Alternatives to #54a2c9

#54a2c9 Preview

Shades and Tints of #54a2c9

Tones of #54a2c9

Color Blindness Simulator