#549dd2 Color Information
In a RGB color space, hex #549dd2 is composed of 32.9% red, 61.6% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 25.2% magenta, 0% yellow and 17.6% black. It has a hue angle of 205.2 degrees, a saturation of 58.3% and a lightness of 57.6%. #549dd2 color hex could be obtained by blending #a8ffff with #003ba5. Closest websafe color is: #6699cc.
-
- R 33
- G 62
- B 82
-
- C 60
- M 25
- Y 0
- K 18
● #549dd2 color description : Moderate blue.
#549dd2 Color Conversion
The hexadecimal color #549dd2 has RGB values of R:84, G:157, B:210 and CMYK values of C:0.6, M:0.25, Y:0, K:0.18. Its decimal value is 5545426.
Hex triplet | 549dd2 | #549dd2 |
---|---|---|
RGB Decimal | 84, 157, 210 | rgb(84,157,210) |
RGB Percent | 32.9, 61.6, 82.4 | rgb(32.9%,61.6%,82.4%) |
CMYK | 60, 25, 0, 18 | |
HSL | 205.2°, 58.3, 57.6 | hsl(205.2,58.3%,57.6%) |
HSV (or HSB) | 205.2°, 60, 82.4 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 62.211, -7.046, -33.938 |
---|---|
XYZ | 27.343, 30.65, 65.444 |
xyY | 0.222, 0.248, 30.65 |
CIE-LCH | 62.211, 34.662, 258.271 |
CIE-LUV | 62.211, -30.574, -52.332 |
Hunter-Lab | 55.362, -8.724, -31.333 |
Binary | 01010100, 10011101, 11010010 |
Color Schemes with #549dd2
Alternatives to #549dd2
Below, you can see some colors close to #549dd2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#549dd2 Preview
This text has a font color of #549dd2.
<span style="color:#549dd2;">Text here</span>
This paragraph has a background color of #549dd2.
<p style="background-color:#549dd2;">Content here</p>
This element has a border color of #549dd2.
<div style="border:1px solid #549dd2;">Content here</div>
.text {color:#549dd2;}
.background {background-color:#549dd2;}
.border {border:1px solid #549dd2;}
Shades and Tints of #549dd2
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, #040b0f is the darkest color, while #ffffff is the lightest one.
-
#040b0f
#040b0f
rgb(4,11,15)
-
#08151f
#08151f
rgb(8,21,31)
-
#0c202e
#0c202e
rgb(12,32,46)
-
#102b3e
#102b3e
rgb(16,43,62)
-
#14354d
#14354d
rgb(20,53,77)
-
#18405d
#18405d
rgb(24,64,93)
-
#1d4b6d
#1d4b6d
rgb(29,75,109)
-
#21567c
#21567c
rgb(33,86,124)
-
#25608c
#25608c
rgb(37,96,140)
-
#296b9b
#296b9b
rgb(41,107,155)
-
#2d76ab
#2d76ab
rgb(45,118,171)
-
#3180ba
#3180ba
rgb(49,128,186)
-
#358bca
#358bca
rgb(53,139,202)
-
#4494ce
#4494ce
rgb(68,148,206)
-
#549dd2
#549dd2
rgb(84,157,210)
-
#64a6d6
#64a6d6
rgb(100,166,214)
-
#73afda
#73afda
rgb(115,175,218)
-
#83b8de
#83b8de
rgb(131,184,222)
-
#92c1e2
#92c1e2
rgb(146,193,226)
-
#a2c9e6
#a2c9e6
rgb(162,201,230)
-
#b1d2eb
#b1d2eb
rgb(177,210,235)
-
#c1dbef
#c1dbef
rgb(193,219,239)
-
#d0e4f3
#d0e4f3
rgb(208,228,243)
-
#e0edf7
#e0edf7
rgb(224,237,247)
-
#eff6fb
#eff6fb
rgb(239,246,251)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #549dd2
A tone is produced by adding gray to any pure hue. In this case, #8e9498 is the less saturated color, while #2aa4fc is the most saturated one.
-
#8e9498
#8e9498
rgb(142,148,152)
-
#8695a0
#8695a0
rgb(134,149,160)
-
#7e96a8
#7e96a8
rgb(126,150,168)
-
#7598b1
#7598b1
rgb(117,152,177)
-
#6d99b9
#6d99b9
rgb(109,153,185)
-
#659ac1
#659ac1
rgb(101,154,193)
-
#5c9cca
#5c9cca
rgb(92,156,202)
-
#549dd2
#549dd2
rgb(84,157,210)
-
#4c9eda
#4c9eda
rgb(76,158,218)
-
#43a0e3
#43a0e3
rgb(67,160,227)
-
#3ba1eb
#3ba1eb
rgb(59,161,235)
-
#33a2f3
#33a2f3
rgb(51,162,243)
-
#2aa4fc
#2aa4fc
rgb(42,164,252)
Color Blindness Simulator
Below, you can see how #549dd2 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.