#369afa Color Information
In a RGB color space, hex #369afa is composed of 21.2% red, 60.4% green and 98% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 38.4% magenta, 0% yellow and 2% black. It has a hue angle of 209.4 degrees, a saturation of 95.1% and a lightness of 59.6%. #369afa color hex could be obtained by blending #6cffff with #0035f5. Closest websafe color is: #3399ff.
-
- R 21
- G 60
- B 98
-
- C 78
- M 38
- Y 0
- K 2
● #369afa color description : Bright blue.
#369afa Color Conversion
The hexadecimal color #369afa has RGB values of R:54, G:154, B:250 and CMYK values of C:0.78, M:0.38, Y:0, K:0.02. Its decimal value is 3578618.
Hex triplet | 369afa | #369afa |
---|---|---|
RGB Decimal | 54, 154, 250 | rgb(54,154,250) |
RGB Percent | 21.2, 60.4, 98 | rgb(21.2%,60.4%,98%) |
CMYK | 78, 38, 0, 2 | |
HSL | 209.4°, 95.1, 59.6 | hsl(209.4,95.1%,59.6%) |
HSV (or HSB) | 209.4°, 78.4, 98 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 62.334, 4.022, -55.906 |
---|---|
XYZ | 30.328, 30.795, 94.783 |
xyY | 0.195, 0.198, 30.795 |
CIE-LCH | 62.334, 56.05, 274.115 |
CIE-LUV | 62.334, -33.735, -90.316 |
Hunter-Lab | 55.493, 0.441, -62.422 |
Binary | 00110110, 10011010, 11111010 |
Color Schemes with #369afa
Alternatives to #369afa
Below, you can see some colors close to #369afa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#369afa Preview
This text has a font color of #369afa.
<span style="color:#369afa;">Text here</span>
This paragraph has a background color of #369afa.
<p style="background-color:#369afa;">Content here</p>
This element has a border color of #369afa.
<div style="border:1px solid #369afa;">Content here</div>
.text {color:#369afa;}
.background {background-color:#369afa;}
.border {border:1px solid #369afa;}
Shades and Tints of #369afa
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, #00050a is the darkest color, while #f5faff is the lightest one.
-
#00050a
#00050a
rgb(0,5,10)
-
#010f1d
#010f1d
rgb(1,15,29)
-
#011930
#011930
rgb(1,25,48)
-
#022343
#022343
rgb(2,35,67)
-
#022d56
#022d56
rgb(2,45,86)
-
#033769
#033769
rgb(3,55,105)
-
#03417c
#03417c
rgb(3,65,124)
-
#044b90
#044b90
rgb(4,75,144)
-
#0455a3
#0455a3
rgb(4,85,163)
-
#055fb6
#055fb6
rgb(5,95,182)
-
#0569c9
#0569c9
rgb(5,105,201)
-
#0573dc
#0573dc
rgb(5,115,220)
-
#067def
#067def
rgb(6,125,239)
-
#1087f9
#1087f9
rgb(16,135,249)
-
#2390fa
#2390fa
rgb(35,144,250)
-
#369afa
#369afa
rgb(54,154,250)
-
#49a4fa
#49a4fa
rgb(73,164,250)
-
#5cadfb
#5cadfb
rgb(92,173,251)
-
#6fb7fb
#6fb7fb
rgb(111,183,251)
-
#83c0fc
#83c0fc
rgb(131,192,252)
-
#96cafc
#96cafc
rgb(150,202,252)
-
#a9d4fd
#a9d4fd
rgb(169,212,253)
-
#bcddfd
#bcddfd
rgb(188,221,253)
-
#cfe7fe
#cfe7fe
rgb(207,231,254)
-
#e2f1fe
#e2f1fe
rgb(226,241,254)
-
#f5faff
#f5faff
rgb(245,250,255)
Tones of #369afa
A tone is produced by adding gray to any pure hue. In this case, #95989b is the less saturated color, while #369afa is the most saturated one.
-
#95989b
#95989b
rgb(149,152,155)
-
#8d98a3
#8d98a3
rgb(141,152,163)
-
#8598ab
#8598ab
rgb(133,152,171)
-
#7d99b3
#7d99b3
rgb(125,153,179)
-
#7599bb
#7599bb
rgb(117,153,187)
-
#6d99c3
#6d99c3
rgb(109,153,195)
-
#6699ca
#6699ca
rgb(102,153,202)
-
#5e99d2
#5e99d2
rgb(94,153,210)
-
#5699da
#5699da
rgb(86,153,218)
-
#4e9ae2
#4e9ae2
rgb(78,154,226)
-
#469aea
#469aea
rgb(70,154,234)
-
#3e9af2
#3e9af2
rgb(62,154,242)
-
#369afa
#369afa
rgb(54,154,250)
Color Blindness Simulator
Below, you can see how #369afa 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.