#549ffe Color Information
In a RGB color space, hex #549ffe is composed of 32.9% red, 62.4% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 37.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 213.5 degrees, a saturation of 98.8% and a lightness of 66.3%. #549ffe color hex could be obtained by blending #a8ffff with #003ffd. Closest websafe color is: #6699ff.
-
- R 33
- G 62
- B 100
-
- C 67
- M 37
- Y 0
- K 0
● #549ffe color description : Soft blue.
#549ffe Color Conversion
The hexadecimal color #549ffe has RGB values of R:84, G:159, B:254 and CMYK values of C:0.67, M:0.37, Y:0, K:0. Its decimal value is 5545982.
| Hex triplet | 549ffe | #549ffe |
|---|---|---|
| RGB Decimal | 84, 159, 254 | rgb(84,159,254) |
| RGB Percent | 32.9, 62.4, 99.6 | rgb(32.9%,62.4%,99.6%) |
| CMYK | 67, 37, 0, 0 | |
| HSL | 213.5°, 98.8, 66.3 | hsl(213.5,98.8%,66.3%) |
| HSV (or HSB) | 213.5°, 66.9, 99.6 | |
| Web Safe | 6699ff | #6699ff |
| CIE-LAB | 64.831, 6.316, -54.067 |
|---|---|
| XYZ | 33.94, 33.834, 98.503 |
| xyY | 0.204, 0.203, 33.834 |
| CIE-LCH | 64.831, 54.435, 276.663 |
| CIE-LUV | 64.831, -30.035, -88.081 |
| Hunter-Lab | 58.167, 2.359, -59.686 |
| Binary | 01010100, 10011111, 11111110 |
Color Schemes with #549ffe
Alternatives to #549ffe
Below, you can see some colors close to #549ffe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#549ffe Preview
This text has a font color of #549ffe.
<span style="color:#549ffe;">Text here</span>
This paragraph has a background color of #549ffe.
<p style="background-color:#549ffe;">Content here</p>
This element has a border color of #549ffe.
<div style="border:1px solid #549ffe;">Content here</div>
.text {color:#549ffe;}
.background {background-color:#549ffe;}
.border {border:1px solid #549ffe;}
Shades and Tints of #549ffe
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, #000205 is the darkest color, while #f0f7ff is the lightest one.
-
#000205
#000205rgb(0,2,5) -
#000b18
#000b18rgb(0,11,24) -
#00132c
#00132crgb(0,19,44) -
#001c3f
#001c3frgb(0,28,63) -
#002553
#002553rgb(0,37,83) -
#012d66
#012d66rgb(1,45,102) -
#01367a
#01367argb(1,54,122) -
#013f8d
#013f8drgb(1,63,141) -
#0147a1
#0147a1rgb(1,71,161) -
#0150b4
#0150b4rgb(1,80,180) -
#0159c8
#0159c8rgb(1,89,200) -
#0161db
#0161dbrgb(1,97,219) -
#016aef
#016aefrgb(1,106,239)
-
#0673fe
#0673fergb(6,115,254) -
#197efe
#197efergb(25,126,254) -
#2d89fe
#2d89fergb(45,137,254) -
#4094fe
#4094fergb(64,148,254) -
#549ffe
#549ffergb(84,159,254) -
#68aafe
#68aafergb(104,170,254) -
#7bb5fe
#7bb5fergb(123,181,254) -
#8fc0fe
#8fc0fergb(143,192,254) -
#a2cbfe
#a2cbfergb(162,203,254) -
#b6d6ff
#b6d6ffrgb(182,214,255) -
#c9e1ff
#c9e1ffrgb(201,225,255) -
#ddecff
#ddecffrgb(221,236,255) -
#f0f7ff
#f0f7ffrgb(240,247,255)
Tones of #549ffe
A tone is produced by adding gray to any pure hue. In this case, #a3a8af is the less saturated color, while #549ffe is the most saturated one.
-
#a3a8af
#a3a8afrgb(163,168,175) -
#9da8b5
#9da8b5rgb(157,168,181) -
#96a7bc
#96a7bcrgb(150,167,188) -
#90a6c2
#90a6c2rgb(144,166,194) -
#89a5c9
#89a5c9rgb(137,165,201) -
#82a4d0
#82a4d0rgb(130,164,208) -
#7ca4d6
#7ca4d6rgb(124,164,214) -
#75a3dd
#75a3ddrgb(117,163,221) -
#6ea2e4
#6ea2e4rgb(110,162,228) -
#68a1ea
#68a1eargb(104,161,234) -
#61a1f1
#61a1f1rgb(97,161,241) -
#5ba0f7
#5ba0f7rgb(91,160,247) -
#549ffe
#549ffergb(84,159,254)
Color Blindness Simulator
Below, you can see how #549ffe 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.
