#368aed Color Information
In a RGB color space, hex #368aed is composed of 21.2% red, 54.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 41.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 212.5 degrees, a saturation of 83.6% and a lightness of 57.1%. #368aed color hex could be obtained by blending #6cffff with #0015db. Closest websafe color is: #3399ff.
-
- R 21
- G 54
- B 93
-
- C 77
- M 42
- Y 0
- K 7
● #368aed color description : Bright blue.
#368aed Color Conversion
The hexadecimal color #368aed has RGB values of R:54, G:138, B:237 and CMYK values of C:0.77, M:0.42, Y:0, K:0.07. Its decimal value is 3574509.
Hex triplet | 368aed | #368aed |
---|---|---|
RGB Decimal | 54, 138, 237 | rgb(54,138,237) |
RGB Percent | 21.2, 54.1, 92.9 | rgb(21.2%,54.1%,92.9%) |
CMYK | 77, 42, 0, 7 | |
HSL | 212.5°, 83.6, 57.1 | hsl(212.5,83.6%,57.1%) |
HSV (or HSB) | 212.5°, 77.2, 92.9 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 57.147, 8.837, -57.016 |
---|---|
XYZ | 25.892, 25.074, 83.591 |
xyY | 0.192, 0.186, 25.074 |
CIE-LCH | 57.147, 57.697, 278.811 |
CIE-LUV | 57.147, -29.106, -91.108 |
Hunter-Lab | 50.074, 4.671, -63.925 |
Binary | 00110110, 10001010, 11101101 |
Color Schemes with #368aed
Alternatives to #368aed
Below, you can see some colors close to #368aed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#368aed Preview
This text has a font color of #368aed.
<span style="color:#368aed;">Text here</span>
This paragraph has a background color of #368aed.
<p style="background-color:#368aed;">Content here</p>
This element has a border color of #368aed.
<div style="border:1px solid #368aed;">Content here</div>
.text {color:#368aed;}
.background {background-color:#368aed;}
.border {border:1px solid #368aed;}
Shades and Tints of #368aed
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, #01080f is the darkest color, while #fcfdff is the lightest one.
-
#01080f
#01080f
rgb(1,8,15)
-
#031121
#031121
rgb(3,17,33)
-
#051a33
#051a33
rgb(5,26,51)
-
#062345
#062345
rgb(6,35,69)
-
#082c57
#082c57
rgb(8,44,87)
-
#093569
#093569
rgb(9,53,105)
-
#0b3e7b
#0b3e7b
rgb(11,62,123)
-
#0d488d
#0d488d
rgb(13,72,141)
-
#0e519f
#0e519f
rgb(14,81,159)
-
#105ab1
#105ab1
rgb(16,90,177)
-
#1163c3
#1163c3
rgb(17,99,195)
-
#136cd5
#136cd5
rgb(19,108,213)
-
#1575e7
#1575e7
rgb(21,117,231)
-
#2480eb
#2480eb
rgb(36,128,235)
-
#368aed
#368aed
rgb(54,138,237)
-
#4894ef
#4894ef
rgb(72,148,239)
-
#5a9ff0
#5a9ff0
rgb(90,159,240)
-
#6ca9f2
#6ca9f2
rgb(108,169,242)
-
#7eb4f3
#7eb4f3
rgb(126,180,243)
-
#90bef5
#90bef5
rgb(144,190,245)
-
#a2c9f7
#a2c9f7
rgb(162,201,247)
-
#b4d3f8
#b4d3f8
rgb(180,211,248)
-
#c6defa
#c6defa
rgb(198,222,250)
-
#d8e8fc
#d8e8fc
rgb(216,232,252)
-
#eaf3fd
#eaf3fd
rgb(234,243,253)
-
#fcfdff
#fcfdff
rgb(252,253,255)
Tones of #368aed
A tone is produced by adding gray to any pure hue. In this case, #8a9199 is the less saturated color, while #2589fe is the most saturated one.
-
#8a9199
#8a9199
rgb(138,145,153)
-
#8290a1
#8290a1
rgb(130,144,161)
-
#7990aa
#7990aa
rgb(121,144,170)
-
#718fb2
#718fb2
rgb(113,143,178)
-
#698eba
#698eba
rgb(105,142,186)
-
#608dc3
#608dc3
rgb(96,141,195)
-
#588dcb
#588dcb
rgb(88,141,203)
-
#4f8cd4
#4f8cd4
rgb(79,140,212)
-
#478bdc
#478bdc
rgb(71,139,220)
-
#3e8be5
#3e8be5
rgb(62,139,229)
-
#368aed
#368aed
rgb(54,138,237)
-
#2e89f5
#2e89f5
rgb(46,137,245)
-
#2589fe
#2589fe
rgb(37,137,254)
Color Blindness Simulator
Below, you can see how #368aed 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.