#369ed2 Color Information
In a RGB color space, hex #369ed2 is composed of 21.2% red, 62% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 24.8% magenta, 0% yellow and 17.6% black. It has a hue angle of 200 degrees, a saturation of 63.4% and a lightness of 51.8%. #369ed2 color hex could be obtained by blending #6cffff with #003da5. Closest websafe color is: #3399cc.
-
- R 21
- G 62
- B 82
-
- C 74
- M 25
- Y 0
- K 18
● #369ed2 color description : Moderate blue.
#369ed2 Color Conversion
The hexadecimal color #369ed2 has RGB values of R:54, G:158, B:210 and CMYK values of C:0.74, M:0.25, Y:0, K:0.18. Its decimal value is 3579602.
Hex triplet | 369ed2 | #369ed2 |
---|---|---|
RGB Decimal | 54, 158, 210 | rgb(54,158,210) |
RGB Percent | 21.2, 62, 82.4 | rgb(21.2%,62%,82.4%) |
CMYK | 74, 25, 0, 18 | |
HSL | 200°, 63.4, 51.8 | hsl(200,63.4%,51.8%) |
HSV (or HSB) | 200°, 74.3, 82.4 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 61.558, -12.337, -35.026 |
---|---|
XYZ | 25.378, 29.889, 65.401 |
xyY | 0.21, 0.248, 29.889 |
CIE-LCH | 61.558, 37.136, 250.597 |
CIE-LUV | 61.558, -37.06, -53.451 |
Hunter-Lab | 54.671, -12.815, -32.657 |
Binary | 00110110, 10011110, 11010010 |
Color Schemes with #369ed2
Alternatives to #369ed2
Below, you can see some colors close to #369ed2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#369ed2 Preview
This text has a font color of #369ed2.
<span style="color:#369ed2;">Text here</span>
This paragraph has a background color of #369ed2.
<p style="background-color:#369ed2;">Content here</p>
This element has a border color of #369ed2.
<div style="border:1px solid #369ed2;">Content here</div>
.text {color:#369ed2;}
.background {background-color:#369ed2;}
.border {border:1px solid #369ed2;}
Shades and Tints of #369ed2
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, #020507 is the darkest color, while #f6fbfd is the lightest one.
-
#020507
#020507
rgb(2,5,7)
-
#051117
#051117
rgb(5,17,23)
-
#091d27
#091d27
rgb(9,29,39)
-
#0c2937
#0c2937
rgb(12,41,55)
-
#103547
#103547
rgb(16,53,71)
-
#144157
#144157
rgb(20,65,87)
-
#174d68
#174d68
rgb(23,77,104)
-
#1b5978
#1b5978
rgb(27,89,120)
-
#1e6488
#1e6488
rgb(30,100,136)
-
#227098
#227098
rgb(34,112,152)
-
#267ca8
#267ca8
rgb(38,124,168)
-
#2988b8
#2988b8
rgb(41,136,184)
-
#2d94c8
#2d94c8
rgb(45,148,200)
-
#369ed2
#369ed2
rgb(54,158,210)
-
#46a6d6
#46a6d6
rgb(70,166,214)
-
#56add9
#56add9
rgb(86,173,217)
-
#66b5dd
#66b5dd
rgb(102,181,221)
-
#76bde0
#76bde0
rgb(118,189,224)
-
#86c5e4
#86c5e4
rgb(134,197,228)
-
#96cce8
#96cce8
rgb(150,204,232)
-
#a6d4eb
#a6d4eb
rgb(166,212,235)
-
#b6dcef
#b6dcef
rgb(182,220,239)
-
#c6e4f2
#c6e4f2
rgb(198,228,242)
-
#d6ebf6
#d6ebf6
rgb(214,235,246)
-
#e6f3f9
#e6f3f9
rgb(230,243,249)
-
#f6fbfd
#f6fbfd
rgb(246,251,253)
Tones of #369ed2
A tone is produced by adding gray to any pure hue. In this case, #828586 is the less saturated color, while #10abf8 is the most saturated one.
-
#828586
#828586
rgb(130,133,134)
-
#788890
#788890
rgb(120,136,144)
-
#6f8b99
#6f8b99
rgb(111,139,153)
-
#658ea3
#658ea3
rgb(101,142,163)
-
#5c91ac
#5c91ac
rgb(92,145,172)
-
#5295b6
#5295b6
rgb(82,149,182)
-
#4998bf
#4998bf
rgb(73,152,191)
-
#3f9bc9
#3f9bc9
rgb(63,155,201)
-
#369ed2
#369ed2
rgb(54,158,210)
-
#2da1db
#2da1db
rgb(45,161,219)
-
#23a4e5
#23a4e5
rgb(35,164,229)
-
#1aa7ee
#1aa7ee
rgb(26,167,238)
-
#10abf8
#10abf8
rgb(16,171,248)
Color Blindness Simulator
Below, you can see how #369ed2 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.