#54affc hex color

In a RGB color space, hex #54affc is composed of 32.9% red, 68.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 30.6% magenta, 0% yellow and 1.2% black. It has a hue angle of 207.5 degrees, a saturation of 96.6% and a lightness of 65.9%. #54affc color hex could be obtained by blending #a8ffff with #005ff9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 69
- B 99
RGB color chart
- C 67
- M 31
- Y 0
- K 1
CMYK color chart

● #54affc color description : Soft blue.

The hexadecimal color #54affc has RGB values of R:84, G:175, B:252 and CMYK values of C:0.67, M:0.31, Y:0, K:0.01. Its decimal value is 5550076.

Hex triplet	54affc	`#54affc`
RGB Decimal	84, 175, 252	`rgb(84,175,252)`
RGB Percent	32.9, 68.6, 98.8	`rgb(32.9%,68.6%,98.8%)`
CMYK	67, 31, 0, 1
HSL	207.5°, 96.6, 65.9	`hsl(207.5,96.6%,65.9%)`
HSV (or HSB)	207.5°, 66.7, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.162, -3.474, -46.139
XYZ	36.553, 39.57, 97.802
xyY	0.21, 0.228, 39.57
CIE-LCH	69.162, 46.27, 265.694
CIE-LUV	69.162, -35.533, -74.363
Hunter-Lab	62.905, -6.361, -48.148
Binary	01010100, 10101111, 11111100

#54affc
```
#54affc rgb(84,175,252)
```
#fca154
```
#fca154 rgb(252,161,84)
```

Complementary Color

#54fcf5
```
#54fcf5 rgb(84,252,245)
```
#54affc
```
#54affc rgb(84,175,252)
```
#545bfc
```
#545bfc rgb(84,91,252)
```

Analogous Color

#fcf554
```
#fcf554 rgb(252,245,84)
```
#54affc
```
#54affc rgb(84,175,252)
```
#fc545b
```
#fc545b rgb(252,84,91)
```

Split Complementary Color

#affc54
```
#affc54 rgb(175,252,84)
```
#54affc
```
#54affc rgb(84,175,252)
```
#fc54af
```
#fc54af rgb(252,84,175)
```

Triadic Color

#54fca1
```
#54fca1 rgb(84,252,161)
```
#54affc
```
#54affc rgb(84,175,252)
```
#fc54af
```
#fc54af rgb(252,84,175)
```
#fca154
```
#fca154 rgb(252,161,84)
```

Tetradic Color

#098cfb
```
#098cfb rgb(9,140,251)
```
#2298fb
```
#2298fb rgb(34,152,251)
```
#3ba3fc
```
#3ba3fc rgb(59,163,252)
```
#54affc
```
#54affc rgb(84,175,252)
```
#6dbbfc
```
#6dbbfc rgb(109,187,252)
```
#86c6fd
```
#86c6fd rgb(134,198,253)
```
#9fd2fd
```
#9fd2fd rgb(159,210,253)
```

Monochromatic Color

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

#54d9fc
```
#54d9fc rgb(84,217,252)
```
#54cbfc
```
#54cbfc rgb(84,203,252)
```
#54bdfc
```
#54bdfc rgb(84,189,252)
```
#54affc
```
#54affc rgb(84,175,252)
```
#54a1fc
```
#54a1fc rgb(84,161,252)
```
#5493fc
```
#5493fc rgb(84,147,252)
```
#5485fc
```
#5485fc rgb(84,133,252)
```

Similar Colors

Text with hexadecimal color #54affc

This text has a font color of #54affc.

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

#54affc background color

This paragraph has a background color of #54affc.

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

#54affc border color

This element has a border color of #54affc.

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

CSS codes

.text {color:#54affc;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000c16
```
#000c16 rgb(0,12,22)
```
#011729
```
#011729 rgb(1,23,41)
```
#01213c
```
#01213c rgb(1,33,60)
```
#012c50
```
#012c50 rgb(1,44,80)
```
#023663
```
#023663 rgb(2,54,99)
```
#024176
```
#024176 rgb(2,65,118)
```
#024c89
```
#024c89 rgb(2,76,137)
```
#03569d
```
#03569d rgb(3,86,157)
```
#0361b0
```
#0361b0 rgb(3,97,176)
```
#036bc3
```
#036bc3 rgb(3,107,195)
```
#0476d7
```
#0476d7 rgb(4,118,215)
```
#0481ea
```
#0481ea rgb(4,129,234)
```

Shade Color Variation

#078bfb
```
#078bfb rgb(7,139,251)
```
#1a94fb
```
#1a94fb rgb(26,148,251)
```
#2d9dfb
```
#2d9dfb rgb(45,157,251)
```
#41a6fc
```
#41a6fc rgb(65,166,252)
```
#54affc
```
#54affc rgb(84,175,252)
```
#67b8fc
```
#67b8fc rgb(103,184,252)
```
#7bc1fd
```
#7bc1fd rgb(123,193,253)
```
#8ecafd
```
#8ecafd rgb(142,202,253)
```
#a1d3fd
```
#a1d3fd rgb(161,211,253)
```
#b4dcfe
```
#b4dcfe rgb(180,220,254)
```
#c8e5fe
```
#c8e5fe rgb(200,229,254)
```
#dbeefe
```
#dbeefe rgb(219,238,254)
```
#eef7ff
```
#eef7ff rgb(238,247,255)
```

Tint Color Variation

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

#a4a8ac
```
#a4a8ac rgb(164,168,172)
```
#9ea9b2
```
#9ea9b2 rgb(158,169,178)
```
#97a9b9
```
#97a9b9 rgb(151,169,185)
```
#90aac0
```
#90aac0 rgb(144,170,192)
```
#8aabc6
```
#8aabc6 rgb(138,171,198)
```
#83abcd
```
#83abcd rgb(131,171,205)
```
#7cacd4
```
#7cacd4 rgb(124,172,212)
```
#75acdb
```
#75acdb rgb(117,172,219)
```
#6fade1
```
#6fade1 rgb(111,173,225)
```
#68ade8
```
#68ade8 rgb(104,173,232)
```
#61aeef
```
#61aeef rgb(97,174,239)
```
#5baef5
```
#5baef5 rgb(91,174,245)
```
#54affc
```
#54affc rgb(84,175,252)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#8ea1b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92aaf5 Protanopia 1% of men
#81acfe Deuteranopia 1% of men
#31bdcb Tritanopia 0.001% of the population

Trichromacy

#7bacf8 Protanomaly 1% of men, 0.01% of women
#71adfd Deuteranomaly 6% of men, 0.4% of women
#3db8dc Tritanomaly 0.01% of the population

#54affc hex color

#54affc Color Information

#54affc Color Conversion

Color Schemes with #54affc

Alternatives to #54affc

#54affc Preview

Shades and Tints of #54affc

Tones of #54affc

Color Blindness Simulator