#367ed2 Color Information
In a RGB color space, hex #367ed2 is composed of 21.2% red, 49.4% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 40% magenta, 0% yellow and 17.6% black. It has a hue angle of 212.3 degrees, a saturation of 63.4% and a lightness of 51.8%. #367ed2 color hex could be obtained by blending #6cfcff with #0000a5. Closest websafe color is: #3366cc.
-
- R 21
- G 49
- B 82
-
- C 74
- M 40
- Y 0
- K 18
● #367ed2 color description : Moderate blue.
#367ed2 Color Conversion
The hexadecimal color #367ed2 has RGB values of R:54, G:126, B:210 and CMYK values of C:0.74, M:0.4, Y:0, K:0.18. Its decimal value is 3571410.
Hex triplet | 367ed2 | #367ed2 |
---|---|---|
RGB Decimal | 54, 126, 210 | rgb(54,126,210) |
RGB Percent | 21.2, 49.4, 82.4 | rgb(21.2%,49.4%,82.4%) |
CMYK | 74, 40, 0, 18 | |
HSL | 212.3°, 63.4, 51.8 | hsl(212.3,63.4%,51.8%) |
HSV (or HSB) | 212.3°, 74.3, 82.4 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 52.239, 6.266, -49.717 |
---|---|
XYZ | 20.612, 20.358, 63.812 |
xyY | 0.197, 0.194, 20.358 |
CIE-LCH | 52.239, 50.11, 277.183 |
CIE-LUV | 52.239, -26.139, -77.576 |
Hunter-Lab | 45.119, 2.587, -52.27 |
Binary | 00110110, 01111110, 11010010 |
Color Schemes with #367ed2
Alternatives to #367ed2
Below, you can see some colors close to #367ed2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#367ed2 Preview
This text has a font color of #367ed2.
<span style="color:#367ed2;">Text here</span>
This paragraph has a background color of #367ed2.
<p style="background-color:#367ed2;">Content here</p>
This element has a border color of #367ed2.
<div style="border:1px solid #367ed2;">Content here</div>
.text {color:#367ed2;}
.background {background-color:#367ed2;}
.border {border:1px solid #367ed2;}
Shades and Tints of #367ed2
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, #020407 is the darkest color, while #f6f9fd is the lightest one.
-
#020407
#020407
rgb(2,4,7)
-
#050e17
#050e17
rgb(5,14,23)
-
#091727
#091727
rgb(9,23,39)
-
#0c2037
#0c2037
rgb(12,32,55)
-
#102a47
#102a47
rgb(16,42,71)
-
#143357
#143357
rgb(20,51,87)
-
#173c68
#173c68
rgb(23,60,104)
-
#1b4678
#1b4678
rgb(27,70,120)
-
#1e4f88
#1e4f88
rgb(30,79,136)
-
#225898
#225898
rgb(34,88,152)
-
#2662a8
#2662a8
rgb(38,98,168)
-
#296bb8
#296bb8
rgb(41,107,184)
-
#2d74c8
#2d74c8
rgb(45,116,200)
-
#367ed2
#367ed2
rgb(54,126,210)
-
#4688d6
#4688d6
rgb(70,136,214)
-
#5693d9
#5693d9
rgb(86,147,217)
-
#669ddd
#669ddd
rgb(102,157,221)
-
#76a7e0
#76a7e0
rgb(118,167,224)
-
#86b1e4
#86b1e4
rgb(134,177,228)
-
#96bce8
#96bce8
rgb(150,188,232)
-
#a6c6eb
#a6c6eb
rgb(166,198,235)
-
#b6d0ef
#b6d0ef
rgb(182,208,239)
-
#c6dbf2
#c6dbf2
rgb(198,219,242)
-
#d6e5f6
#d6e5f6
rgb(214,229,246)
-
#e6eff9
#e6eff9
rgb(230,239,249)
-
#f6f9fd
#f6f9fd
rgb(246,249,253)
Tones of #367ed2
A tone is produced by adding gray to any pure hue. In this case, #828486 is the less saturated color, while #107bf8 is the most saturated one.
-
#828486
#828486
rgb(130,132,134)
-
#788390
#788390
rgb(120,131,144)
-
#6f8299
#6f8299
rgb(111,130,153)
-
#6582a3
#6582a3
rgb(101,130,163)
-
#5c81ac
#5c81ac
rgb(92,129,172)
-
#5280b6
#5280b6
rgb(82,128,182)
-
#497fbf
#497fbf
rgb(73,127,191)
-
#3f7fc9
#3f7fc9
rgb(63,127,201)
-
#367ed2
#367ed2
rgb(54,126,210)
-
#2d7ddb
#2d7ddb
rgb(45,125,219)
-
#237de5
#237de5
rgb(35,125,229)
-
#1a7cee
#1a7cee
rgb(26,124,238)
-
#107bf8
#107bf8
rgb(16,123,248)
Color Blindness Simulator
Below, you can see how #367ed2 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.