#549cfd hex color

In a RGB color space, hex #549cfd is composed of 32.9% red, 61.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 38.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 214.4 degrees, a saturation of 97.7% and a lightness of 66.1%. #549cfd color hex could be obtained by blending #a8ffff with #0039fb. Closest websafe color is: #6699ff.

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

● #549cfd color description : Soft blue.

The hexadecimal color #549cfd has RGB values of R:84, G:156, B:253 and CMYK values of C:0.67, M:0.38, Y:0, K:0.01. Its decimal value is 5545213.

Hex triplet	549cfd	`#549cfd`
RGB Decimal	84, 156, 253	`rgb(84,156,253)`
RGB Percent	32.9, 61.2, 99.2	`rgb(32.9%,61.2%,99.2%)`
CMYK	67, 38, 0, 1
HSL	214.4°, 97.7, 66.1	`hsl(214.4,97.7%,66.1%)`
HSV (or HSB)	214.4°, 66.8, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	63.959, 7.727, -54.906
XYZ	33.27, 32.751, 97.491
xyY	0.203, 0.2, 32.751
CIE-LCH	63.959, 55.447, 278.011
CIE-LUV	63.959, -29.062, -89.43
Hunter-Lab	57.229, 3.622, -60.943
Binary	01010100, 10011100, 11111101

#549cfd
```
#549cfd rgb(84,156,253)
```
#fdb554
```
#fdb554 rgb(253,181,84)
```

Complementary Color

#54f1fd
```
#54f1fd rgb(84,241,253)
```
#549cfd
```
#549cfd rgb(84,156,253)
```
#6054fd
```
#6054fd rgb(96,84,253)
```

Analogous Color

#f1fd54
```
#f1fd54 rgb(241,253,84)
```
#549cfd
```
#549cfd rgb(84,156,253)
```
#fd6154
```
#fd6154 rgb(253,97,84)
```

Split Complementary Color

#9cfd54
```
#9cfd54 rgb(156,253,84)
```
#549cfd
```
#549cfd rgb(84,156,253)
```
#fd549c
```
#fd549c rgb(253,84,156)
```

Triadic Color

#54fdb5
```
#54fdb5 rgb(84,253,181)
```
#549cfd
```
#549cfd rgb(84,156,253)
```
#fd549c
```
#fd549c rgb(253,84,156)
```
#fdb554
```
#fdb554 rgb(253,181,84)
```

Tetradic Color

#0870fc
```
#0870fc rgb(8,112,252)
```
#227ffc
```
#227ffc rgb(34,127,252)
```
#3b8dfd
```
#3b8dfd rgb(59,141,253)
```
#549cfd
```
#549cfd rgb(84,156,253)
```
#6dabfd
```
#6dabfd rgb(109,171,253)
```
#86b9fe
```
#86b9fe rgb(134,185,254)
```
#a0c8fe
```
#a0c8fe rgb(160,200,254)
```

Monochromatic Color

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

#54c6fd
```
#54c6fd rgb(84,198,253)
```
#54b8fd
```
#54b8fd rgb(84,184,253)
```
#54aafd
```
#54aafd rgb(84,170,253)
```
#549cfd
```
#549cfd rgb(84,156,253)
```
#548efd
```
#548efd rgb(84,142,253)
```
#5480fd
```
#5480fd rgb(84,128,253)
```
#5472fd
```
#5472fd rgb(84,114,253)
```

Similar Colors

Text with hexadecimal color #549cfd

This text has a font color of #549cfd.

<span style="color:#549cfd;">Text here</span>

#549cfd background color

This paragraph has a background color of #549cfd.

<p style="background-color:#549cfd;">Content here</p>

#549cfd border color

This element has a border color of #549cfd.

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

CSS codes

.text {color:#549cfd;}

.background {background-color:#549cfd;}

.border {border:1px solid #549cfd;}

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

#000203
```
#000203 rgb(0,2,3)
```
#000a17
```
#000a17 rgb(0,10,23)
```
#00122a
```
#00122a rgb(0,18,42)
```
#011b3e
```
#011b3e rgb(1,27,62)
```
#012351
```
#012351 rgb(1,35,81)
```
#012b64
```
#012b64 rgb(1,43,100)
```
#013478
```
#013478 rgb(1,52,120)
```
#023c8b
```
#023c8b rgb(2,60,139)
```
#02459f
```
#02459f rgb(2,69,159)
```
#024db2
```
#024db2 rgb(2,77,178)
```
#0255c5
```
#0255c5 rgb(2,85,197)
```
#035ed9
```
#035ed9 rgb(3,94,217)
```
#0366ec
```
#0366ec rgb(3,102,236)
```

Shade Color Variation

#066ffc
```
#066ffc rgb(6,111,252)
```
#1a7afc
```
#1a7afc rgb(26,122,252)
```
#2d86fd
```
#2d86fd rgb(45,134,253)
```
#4191fd
```
#4191fd rgb(65,145,253)
```
#549cfd
```
#549cfd rgb(84,156,253)
```
#67a7fd
```
#67a7fd rgb(103,167,253)
```
#7bb2fd
```
#7bb2fd rgb(123,178,253)
```
#8ebefe
```
#8ebefe rgb(142,190,254)
```
#a2c9fe
```
#a2c9fe rgb(162,201,254)
```
#b5d4fe
```
#b5d4fe rgb(181,212,254)
```
#c8dffe
```
#c8dffe rgb(200,223,254)
```
#dcebff
```
#dcebff rgb(220,235,255)
```
#eff6ff
```
#eff6ff rgb(239,246,255)
```

Tint Color Variation

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

#a4a8ad
```
#a4a8ad rgb(164,168,173)
```
#9da7b4
```
#9da7b4 rgb(157,167,180)
```
#97a6ba
```
#97a6ba rgb(151,166,186)
```
#90a5c1
```
#90a5c1 rgb(144,165,193)
```
#89a4c8
```
#89a4c8 rgb(137,164,200)
```
#83a3ce
```
#83a3ce rgb(131,163,206)
```
#7ca2d5
```
#7ca2d5 rgb(124,162,213)
```
#75a1dc
```
#75a1dc rgb(117,161,220)
```
#6fa0e2
```
#6fa0e2 rgb(111,160,226)
```
#689fe9
```
#689fe9 rgb(104,159,233)
```
#619ef0
```
#619ef0 rgb(97,158,240)
```
#5b9df6
```
#5b9df6 rgb(91,157,246)
```
#549cfd
```
#549cfd rgb(84,156,253)
```

Tone Color Variation

Below, you can see how #549cfd 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

#929292 Achromatopsia 0.005% of the population
#8694a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#789df9 Protanopia 1% of men
#5ca1fd Deuteranopia 1% of men
#0fafbc Tritanopia 0.001% of the population

Trichromacy

#6a9cfb Protanomaly 1% of men, 0.01% of women
#599ffd Deuteranomaly 6% of men, 0.4% of women
#28a8d3 Tritanomaly 0.01% of the population

#549cfd hex color

#549cfd Color Information

#549cfd Color Conversion

Color Schemes with #549cfd

Alternatives to #549cfd

#549cfd Preview

Shades and Tints of #549cfd

Tones of #549cfd

Color Blindness Simulator