#369cf5 Color Information
In a RGB color space, hex #369cf5 is composed of 21.2% red, 61.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 36.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 208 degrees, a saturation of 90.5% and a lightness of 58.6%. #369cf5 color hex could be obtained by blending #6cffff with #0039eb. Closest websafe color is: #3399ff.
-
- R 21
- G 61
- B 96
-
- C 78
- M 36
- Y 0
- K 4
● #369cf5 color description : Bright blue.
#369cf5 Color Conversion
The hexadecimal color #369cf5 has RGB values of R:54, G:156, B:245 and CMYK values of C:0.78, M:0.36, Y:0, K:0.04. Its decimal value is 3579125.
Hex triplet | 369cf5 | #369cf5 |
---|---|---|
RGB Decimal | 54, 156, 245 | rgb(54,156,245) |
RGB Percent | 21.2, 61.2, 96.1 | rgb(21.2%,61.2%,96.1%) |
CMYK | 78, 36, 0, 4 | |
HSL | 208°, 90.5, 58.6 | hsl(208,90.5%,58.6%) |
HSV (or HSB) | 208°, 78, 96.1 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 62.635, 1.061, -52.687 |
---|---|
XYZ | 29.887, 31.151, 90.819 |
xyY | 0.197, 0.205, 31.151 |
CIE-LCH | 62.635, 52.697, 271.154 |
CIE-LUV | 62.635, -34.608, -84.721 |
Hunter-Lab | 55.813, -2.089, -57.407 |
Binary | 00110110, 10011100, 11110101 |
Color Schemes with #369cf5
Alternatives to #369cf5
Below, you can see some colors close to #369cf5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#369cf5 Preview
This text has a font color of #369cf5.
<span style="color:#369cf5;">Text here</span>
This paragraph has a background color of #369cf5.
<p style="background-color:#369cf5;">Content here</p>
This element has a border color of #369cf5.
<div style="border:1px solid #369cf5;">Content here</div>
.text {color:#369cf5;}
.background {background-color:#369cf5;}
.border {border:1px solid #369cf5;}
Shades and Tints of #369cf5
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, #000305 is the darkest color, while #f1f8fe is the lightest one.
-
#000305
#000305
rgb(0,3,5)
-
#010d17
#010d17
rgb(1,13,23)
-
#02172a
#02172a
rgb(2,23,42)
-
#03223d
#03223d
rgb(3,34,61)
-
#042c4f
#042c4f
rgb(4,44,79)
-
#053762
#053762
rgb(5,55,98)
-
#064175
#064175
rgb(6,65,117)
-
#074b87
#074b87
rgb(7,75,135)
-
#08569a
#08569a
rgb(8,86,154)
-
#0960ad
#0960ad
rgb(9,96,173)
-
#0a6bbf
#0a6bbf
rgb(10,107,191)
-
#0a75d2
#0a75d2
rgb(10,117,210)
-
#0b7fe5
#0b7fe5
rgb(11,127,229)
-
#118af3
#118af3
rgb(17,138,243)
-
#2393f4
#2393f4
rgb(35,147,244)
-
#369cf5
#369cf5
rgb(54,156,245)
-
#49a5f6
#49a5f6
rgb(73,165,246)
-
#5baef7
#5baef7
rgb(91,174,247)
-
#6eb8f8
#6eb8f8
rgb(110,184,248)
-
#81c1f9
#81c1f9
rgb(129,193,249)
-
#93cafa
#93cafa
rgb(147,202,250)
-
#a6d3fb
#a6d3fb
rgb(166,211,251)
-
#b9dcfc
#b9dcfc
rgb(185,220,252)
-
#cbe6fc
#cbe6fc
rgb(203,230,252)
-
#deeffd
#deeffd
rgb(222,239,253)
-
#f1f8fe
#f1f8fe
rgb(241,248,254)
Tones of #369cf5
A tone is produced by adding gray to any pure hue. In this case, #8f969c is the less saturated color, while #2e9dfd is the most saturated one.
-
#8f969c
#8f969c
rgb(143,150,156)
-
#8796a4
#8796a4
rgb(135,150,164)
-
#7f97ac
#7f97ac
rgb(127,151,172)
-
#7798b4
#7798b4
rgb(119,152,180)
-
#6f98bc
#6f98bc
rgb(111,152,188)
-
#6799c4
#6799c4
rgb(103,153,196)
-
#5f99cc
#5f99cc
rgb(95,153,204)
-
#569ad5
#569ad5
rgb(86,154,213)
-
#4e9add
#4e9add
rgb(78,154,221)
-
#469be5
#469be5
rgb(70,155,229)
-
#3e9bed
#3e9bed
rgb(62,155,237)
-
#369cf5
#369cf5
rgb(54,156,245)
-
#2e9dfd
#2e9dfd
rgb(46,157,253)
Color Blindness Simulator
Below, you can see how #369cf5 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.