#369ed0 Color Information
In a RGB color space, hex #369ed0 is composed of 21.2% red, 62% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 24% magenta, 0% yellow and 18.4% black. It has a hue angle of 199.5 degrees, a saturation of 62.1% and a lightness of 51.4%. #369ed0 color hex could be obtained by blending #6cffff with #003da1. Closest websafe color is: #3399cc.
-
- R 21
- G 62
- B 82
-
- C 74
- M 24
- Y 0
- K 18
● #369ed0 color description : Moderate blue.
#369ed0 Color Conversion
The hexadecimal color #369ed0 has RGB values of R:54, G:158, B:208 and CMYK values of C:0.74, M:0.24, Y:0, K:0.18. Its decimal value is 3579600.
Hex triplet | 369ed0 | #369ed0 |
---|---|---|
RGB Decimal | 54, 158, 208 | rgb(54,158,208) |
RGB Percent | 21.2, 62, 81.6 | rgb(21.2%,62%,81.6%) |
CMYK | 74, 24, 0, 18 | |
HSL | 199.5°, 62.1, 51.4 | hsl(199.5,62.1%,51.4%) |
HSV (or HSB) | 199.5°, 74, 81.6 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 61.473, -13.018, -34.045 |
---|---|
XYZ | 25.13, 29.79, 64.097 |
xyY | 0.211, 0.25, 29.79 |
CIE-LCH | 61.473, 36.449, 249.075 |
CIE-LUV | 61.473, -37.17, -51.721 |
Hunter-Lab | 54.58, -13.328, -31.422 |
Binary | 00110110, 10011110, 11010000 |
Color Schemes with #369ed0
Alternatives to #369ed0
Below, you can see some colors close to #369ed0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#369ed0 Preview
This text has a font color of #369ed0.
<span style="color:#369ed0;">Text here</span>
This paragraph has a background color of #369ed0.
<p style="background-color:#369ed0;">Content here</p>
This element has a border color of #369ed0.
<div style="border:1px solid #369ed0;">Content here</div>
.text {color:#369ed0;}
.background {background-color:#369ed0;}
.border {border:1px solid #369ed0;}
Shades and Tints of #369ed0
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, #010406 is the darkest color, while #f5fafd is the lightest one.
-
#010406
#010406
rgb(1,4,6)
-
#051016
#051016
rgb(5,16,22)
-
#091c25
#091c25
rgb(9,28,37)
-
#0c2835
#0c2835
rgb(12,40,53)
-
#103445
#103445
rgb(16,52,69)
-
#144055
#144055
rgb(20,64,85)
-
#184c65
#184c65
rgb(24,76,101)
-
#1b5875
#1b5875
rgb(27,88,117)
-
#1f6485
#1f6485
rgb(31,100,133)
-
#237095
#237095
rgb(35,112,149)
-
#277ca5
#277ca5
rgb(39,124,165)
-
#2a88b5
#2a88b5
rgb(42,136,181)
-
#2e94c4
#2e94c4
rgb(46,148,196)
-
#369ed0
#369ed0
rgb(54,158,208)
-
#46a6d4
#46a6d4
rgb(70,166,212)
-
#56add7
#56add7
rgb(86,173,215)
-
#66b5db
#66b5db
rgb(102,181,219)
-
#76bddf
#76bddf
rgb(118,189,223)
-
#85c4e3
#85c4e3
rgb(133,196,227)
-
#95cce6
#95cce6
rgb(149,204,230)
-
#a5d4ea
#a5d4ea
rgb(165,212,234)
-
#b5dbee
#b5dbee
rgb(181,219,238)
-
#c5e3f1
#c5e3f1
rgb(197,227,241)
-
#d5ebf5
#d5ebf5
rgb(213,235,245)
-
#e5f2f9
#e5f2f9
rgb(229,242,249)
-
#f5fafd
#f5fafd
rgb(245,250,253)
Tones of #369ed0
A tone is produced by adding gray to any pure hue. In this case, #828384 is the less saturated color, while #10abf6 is the most saturated one.
-
#828384
#828384
rgb(130,131,132)
-
#79878d
#79878d
rgb(121,135,141)
-
#6f8a97
#6f8a97
rgb(111,138,151)
-
#668da0
#668da0
rgb(102,141,160)
-
#5c91aa
#5c91aa
rgb(92,145,170)
-
#5394b3
#5394b3
rgb(83,148,179)
-
#4997bd
#4997bd
rgb(73,151,189)
-
#409bc6
#409bc6
rgb(64,155,198)
-
#369ed0
#369ed0
rgb(54,158,208)
-
#2ca1da
#2ca1da
rgb(44,161,218)
-
#23a5e3
#23a5e3
rgb(35,165,227)
-
#19a8ed
#19a8ed
rgb(25,168,237)
-
#10abf6
#10abf6
rgb(16,171,246)
Color Blindness Simulator
Below, you can see how #369ed0 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.