#368ae5 Color Information
In a RGB color space, hex #368ae5 is composed of 21.2% red, 54.1% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 39.7% magenta, 0% yellow and 10.2% black. It has a hue angle of 211.2 degrees, a saturation of 77.1% and a lightness of 55.5%. #368ae5 color hex could be obtained by blending #6cffff with #0015cb. Closest websafe color is: #3399cc.
-
- R 21
- G 54
- B 90
-
- C 76
- M 40
- Y 0
- K 10
● #368ae5 color description : Bright blue.
#368ae5 Color Conversion
The hexadecimal color #368ae5 has RGB values of R:54, G:138, B:229 and CMYK values of C:0.76, M:0.4, Y:0, K:0.1. Its decimal value is 3574501.
Hex triplet | 368ae5 | #368ae5 |
---|---|---|
RGB Decimal | 54, 138, 229 | rgb(54,138,229) |
RGB Percent | 21.2, 54.1, 89.8 | rgb(21.2%,54.1%,89.8%) |
CMYK | 76, 40, 0, 10 | |
HSL | 211.2°, 77.1, 55.5 | hsl(211.2,77.1%,55.5%) |
HSV (or HSB) | 211.2°, 76.4, 89.8 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 56.7, 5.924, -53.281 |
---|---|
XYZ | 24.749, 24.616, 77.572 |
xyY | 0.195, 0.194, 24.616 |
CIE-LCH | 56.7, 53.61, 276.345 |
CIE-LUV | 56.7, -29.392, -84.639 |
Hunter-Lab | 49.615, 2.215, -57.968 |
Binary | 00110110, 10001010, 11100101 |
Color Schemes with #368ae5
Alternatives to #368ae5
Below, you can see some colors close to #368ae5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#368ae5 Preview
This text has a font color of #368ae5.
<span style="color:#368ae5;">Text here</span>
This paragraph has a background color of #368ae5.
<p style="background-color:#368ae5;">Content here</p>
This element has a border color of #368ae5.
<div style="border:1px solid #368ae5;">Content here</div>
.text {color:#368ae5;}
.background {background-color:#368ae5;}
.border {border:1px solid #368ae5;}
Shades and Tints of #368ae5
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, #010407 is the darkest color, while #f5f9fe is the lightest one.
-
#010407
#010407
rgb(1,4,7)
-
#030e19
#030e19
rgb(3,14,25)
-
#05172a
#05172a
rgb(5,23,42)
-
#08213c
#08213c
rgb(8,33,60)
-
#0a2a4d
#0a2a4d
rgb(10,42,77)
-
#0c345e
#0c345e
rgb(12,52,94)
-
#0e3d70
#0e3d70
rgb(14,61,112)
-
#114781
#114781
rgb(17,71,129)
-
#135092
#135092
rgb(19,80,146)
-
#155aa4
#155aa4
rgb(21,90,164)
-
#1763b5
#1763b5
rgb(23,99,181)
-
#1a6dc6
#1a6dc6
rgb(26,109,198)
-
#1c76d8
#1c76d8
rgb(28,118,216)
-
#2580e3
#2580e3
rgb(37,128,227)
-
#368ae5
#368ae5
rgb(54,138,229)
-
#4794e7
#4794e7
rgb(71,148,231)
-
#599ee9
#599ee9
rgb(89,158,233)
-
#6aa8ec
#6aa8ec
rgb(106,168,236)
-
#7bb2ee
#7bb2ee
rgb(123,178,238)
-
#8dbdf0
#8dbdf0
rgb(141,189,240)
-
#9ec7f2
#9ec7f2
rgb(158,199,242)
-
#b0d1f5
#b0d1f5
rgb(176,209,245)
-
#c1dbf7
#c1dbf7
rgb(193,219,247)
-
#d2e5f9
#d2e5f9
rgb(210,229,249)
-
#e4effb
#e4effb
rgb(228,239,251)
-
#f5f9fe
#f5f9fe
rgb(245,249,254)
Tones of #368ae5
A tone is produced by adding gray to any pure hue. In this case, #8d8d8e is the less saturated color, while #2589f6 is the most saturated one.
-
#8d8d8e
#8d8d8e
rgb(141,141,142)
-
#858d96
#858d96
rgb(133,141,150)
-
#7c8d9f
#7c8d9f
rgb(124,141,159)
-
#738ca8
#738ca8
rgb(115,140,168)
-
#6a8cb1
#6a8cb1
rgb(106,140,177)
-
#628cb9
#628cb9
rgb(98,140,185)
-
#598bc2
#598bc2
rgb(89,139,194)
-
#508bcb
#508bcb
rgb(80,139,203)
-
#478bd4
#478bd4
rgb(71,139,212)
-
#3f8adc
#3f8adc
rgb(63,138,220)
-
#368ae5
#368ae5
rgb(54,138,229)
-
#2d8aee
#2d8aee
rgb(45,138,238)
-
#2589f6
#2589f6
rgb(37,137,246)
Color Blindness Simulator
Below, you can see how #368ae5 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.