#368cdd Color Information
In a RGB color space, hex #368cdd is composed of 21.2% red, 54.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 36.7% magenta, 0% yellow and 13.3% black. It has a hue angle of 209.1 degrees, a saturation of 71.1% and a lightness of 53.9%. #368cdd color hex could be obtained by blending #6cffff with #0019bb. Closest websafe color is: #3399cc.
-
- R 21
- G 55
- B 87
-
- C 76
- M 37
- Y 0
- K 13
● #368cdd color description : Bright blue.
#368cdd Color Conversion
The hexadecimal color #368cdd has RGB values of R:54, G:140, B:221 and CMYK values of C:0.76, M:0.37, Y:0, K:0.13. Its decimal value is 3575005.
Hex triplet | 368cdd | #368cdd |
---|---|---|
RGB Decimal | 54, 140, 221 | rgb(54,140,221) |
RGB Percent | 21.2, 54.9, 86.7 | rgb(21.2%,54.9%,86.7%) |
CMYK | 76, 37, 0, 13 | |
HSL | 209.1°, 71.1, 53.9 | hsl(209.1,71.1%,53.9%) |
HSV (or HSB) | 209.1°, 75.6, 86.7 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 56.84, 1.834, -48.592 |
---|---|
XYZ | 23.947, 24.759, 71.92 |
xyY | 0.199, 0.205, 24.759 |
CIE-LCH | 56.84, 48.626, 272.162 |
CIE-LUV | 56.84, -30.36, -76.62 |
Hunter-Lab | 49.758, -1.169, -50.865 |
Binary | 00110110, 10001100, 11011101 |
Color Schemes with #368cdd
Alternatives to #368cdd
Below, you can see some colors close to #368cdd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#368cdd Preview
This text has a font color of #368cdd.
<span style="color:#368cdd;">Text here</span>
This paragraph has a background color of #368cdd.
<p style="background-color:#368cdd;">Content here</p>
This element has a border color of #368cdd.
<div style="border:1px solid #368cdd;">Content here</div>
.text {color:#368cdd;}
.background {background-color:#368cdd;}
.border {border:1px solid #368cdd;}
Shades and Tints of #368cdd
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, #000000 is the darkest color, while #eff6fc is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#030a11
#030a11
rgb(3,10,17)
-
#061422
#061422
rgb(6,20,34)
-
#091e33
#091e33
rgb(9,30,51)
-
#0b2843
#0b2843
rgb(11,40,67)
-
#0e3254
#0e3254
rgb(14,50,84)
-
#113c65
#113c65
rgb(17,60,101)
-
#144676
#144676
rgb(20,70,118)
-
#175087
#175087
rgb(23,80,135)
-
#1a5a97
#1a5a97
rgb(26,90,151)
-
#1c64a8
#1c64a8
rgb(28,100,168)
-
#1f6eb9
#1f6eb9
rgb(31,110,185)
-
#2278ca
#2278ca
rgb(34,120,202)
-
#2582da
#2582da
rgb(37,130,218)
-
#368cdd
#368cdd
rgb(54,140,221)
-
#4796e0
#4796e0
rgb(71,150,224)
-
#589fe3
#589fe3
rgb(88,159,227)
-
#68a9e6
#68a9e6
rgb(104,169,230)
-
#79b2e8
#79b2e8
rgb(121,178,232)
-
#8abceb
#8abceb
rgb(138,188,235)
-
#9bc6ee
#9bc6ee
rgb(155,198,238)
-
#abcff1
#abcff1
rgb(171,207,241)
-
#bcd9f4
#bcd9f4
rgb(188,217,244)
-
#cde2f7
#cde2f7
rgb(205,226,247)
-
#deecf9
#deecf9
rgb(222,236,249)
-
#eff6fc
#eff6fc
rgb(239,246,252)
Tones of #368cdd
A tone is produced by adding gray to any pure hue. In this case, #878a8c is the less saturated color, while #1b8df8 is the most saturated one.
-
#878a8c
#878a8c
rgb(135,138,140)
-
#7e8a95
#7e8a95
rgb(126,138,149)
-
#758a9e
#758a9e
rgb(117,138,158)
-
#6c8aa7
#6c8aa7
rgb(108,138,167)
-
#638bb0
#638bb0
rgb(99,139,176)
-
#5a8bb9
#5a8bb9
rgb(90,139,185)
-
#518bc2
#518bc2
rgb(81,139,194)
-
#488bcb
#488bcb
rgb(72,139,203)
-
#3f8cd4
#3f8cd4
rgb(63,140,212)
-
#368cdd
#368cdd
rgb(54,140,221)
-
#2d8ce6
#2d8ce6
rgb(45,140,230)
-
#248def
#248def
rgb(36,141,239)
-
#1b8df8
#1b8df8
rgb(27,141,248)
Color Blindness Simulator
Below, you can see how #368cdd 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.