#036af5 Color Information
In a RGB color space, hex #036af5 is composed of 1.2% red, 41.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 56.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 214.5 degrees, a saturation of 97.6% and a lightness of 48.6%. #036af5 color hex could be obtained by blending #06d4ff with #0000eb. Closest websafe color is: #0066ff.
-
- R 1
- G 42
- B 96
-
- C 99
- M 57
- Y 0
- K 4
● #036af5 color description : Vivid blue.
#036af5 Color Conversion
The hexadecimal color #036af5 has RGB values of R:3, G:106, B:245 and CMYK values of C:0.99, M:0.57, Y:0, K:0.04. Its decimal value is 223989.
Hex triplet | 036af5 | #036af5 |
---|---|---|
RGB Decimal | 3, 106, 245 | rgb(3,106,245) |
RGB Percent | 1.2, 41.6, 96.1 | rgb(1.2%,41.6%,96.1%) |
CMYK | 99, 57, 0, 4 | |
HSL | 214.5°, 97.6, 48.6 | hsl(214.5,97.6%,48.6%) |
HSV (or HSB) | 214.5°, 98.8, 96.1 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 48.157, 28.912, -76.037 |
---|---|
XYZ | 21.669, 16.918, 88.505 |
xyY | 0.171, 0.133, 16.918 |
CIE-LCH | 48.157, 81.348, 290.819 |
CIE-LUV | 48.157, -23.544, -116.985 |
Hunter-Lab | 41.132, 22.059, -98.785 |
Binary | 00000011, 01101010, 11110101 |
Color Schemes with #036af5
Alternatives to #036af5
Below, you can see some colors close to #036af5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#036af5 Preview
This text has a font color of #036af5.
<span style="color:#036af5;">Text here</span>
This paragraph has a background color of #036af5.
<p style="background-color:#036af5;">Content here</p>
This element has a border color of #036af5.
<div style="border:1px solid #036af5;">Content here</div>
.text {color:#036af5;}
.background {background-color:#036af5;}
.border {border:1px solid #036af5;}
Shades and Tints of #036af5
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, #00050c is the darkest color, while #f8fbff is the lightest one.
-
#00050c
#00050c
rgb(0,5,12)
-
#000e20
#000e20
rgb(0,14,32)
-
#011633
#011633
rgb(1,22,51)
-
#011f47
#011f47
rgb(1,31,71)
-
#01275a
#01275a
rgb(1,39,90)
-
#012f6d
#012f6d
rgb(1,47,109)
-
#023881
#023881
rgb(2,56,129)
-
#024094
#024094
rgb(2,64,148)
-
#0248a7
#0248a7
rgb(2,72,167)
-
#0251bb
#0251bb
rgb(2,81,187)
-
#0359ce
#0359ce
rgb(3,89,206)
-
#0362e2
#0362e2
rgb(3,98,226)
-
#036af5
#036af5
rgb(3,106,245)
-
#1074fc
#1074fc
rgb(16,116,252)
-
#237ffc
#237ffc
rgb(35,127,252)
-
#368bfd
#368bfd
rgb(54,139,253)
-
#4a96fd
#4a96fd
rgb(74,150,253)
-
#5da1fd
#5da1fd
rgb(93,161,253)
-
#70acfd
#70acfd
rgb(112,172,253)
-
#84b8fd
#84b8fd
rgb(132,184,253)
-
#97c3fe
#97c3fe
rgb(151,195,254)
-
#abcefe
#abcefe
rgb(171,206,254)
-
#bed9fe
#bed9fe
rgb(190,217,254)
-
#d1e5fe
#d1e5fe
rgb(209,229,254)
-
#e5f0ff
#e5f0ff
rgb(229,240,255)
-
#f8fbff
#f8fbff
rgb(248,251,255)
Tones of #036af5
A tone is produced by adding gray to any pure hue. In this case, #757b83 is the less saturated color, while #036af5 is the most saturated one.
-
#757b83
#757b83
rgb(117,123,131)
-
#6c7a8c
#6c7a8c
rgb(108,122,140)
-
#627896
#627896
rgb(98,120,150)
-
#59779f
#59779f
rgb(89,119,159)
-
#4f75a9
#4f75a9
rgb(79,117,169)
-
#4674b2
#4674b2
rgb(70,116,178)
-
#3c73bc
#3c73bc
rgb(60,115,188)
-
#3371c5
#3371c5
rgb(51,113,197)
-
#2970cf
#2970cf
rgb(41,112,207)
-
#206ed8
#206ed8
rgb(32,110,216)
-
#166de2
#166de2
rgb(22,109,226)
-
#0d6beb
#0d6beb
rgb(13,107,235)
-
#036af5
#036af5
rgb(3,106,245)
Color Blindness Simulator
Below, you can see how #036af5 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.