#036ff4 Color Information
In a RGB color space, hex #036ff4 is composed of 1.2% red, 43.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 54.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 213.1 degrees, a saturation of 97.6% and a lightness of 48.4%. #036ff4 color hex could be obtained by blending #06deff with #0000e9. Closest websafe color is: #0066ff.
-
- R 1
- G 44
- B 96
-
- C 99
- M 55
- Y 0
- K 4
● #036ff4 color description : Vivid blue.
#036ff4 Color Conversion
The hexadecimal color #036ff4 has RGB values of R:3, G:111, B:244 and CMYK values of C:0.99, M:0.55, Y:0, K:0.04. Its decimal value is 225268.
Hex triplet | 036ff4 | #036ff4 |
---|---|---|
RGB Decimal | 3, 111, 244 | rgb(3,111,244) |
RGB Percent | 1.2, 43.5, 95.7 | rgb(1.2%,43.5%,95.7%) |
CMYK | 99, 55, 0, 4 | |
HSL | 213.1°, 97.6, 48.4 | hsl(213.1,97.6%,48.4%) |
HSV (or HSB) | 213.1°, 98.8, 95.7 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 49.396, 25.335, -73.459 |
---|---|
XYZ | 22.048, 17.918, 87.879 |
xyY | 0.172, 0.14, 17.918 |
CIE-LCH | 49.396, 77.705, 289.029 |
CIE-LUV | 49.396, -24.904, -113.976 |
Hunter-Lab | 42.33, 18.896, -93.46 |
Binary | 00000011, 01101111, 11110100 |
Color Schemes with #036ff4
Alternatives to #036ff4
Below, you can see some colors close to #036ff4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#036ff4 Preview
This text has a font color of #036ff4.
<span style="color:#036ff4;">Text here</span>
This paragraph has a background color of #036ff4.
<p style="background-color:#036ff4;">Content here</p>
This element has a border color of #036ff4.
<div style="border:1px solid #036ff4;">Content here</div>
.text {color:#036ff4;}
.background {background-color:#036ff4;}
.border {border:1px solid #036ff4;}
Shades and Tints of #036ff4
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, #00050b is the darkest color, while #f7fbff is the lightest one.
-
#00050b
#00050b
rgb(0,5,11)
-
#000e1f
#000e1f
rgb(0,14,31)
-
#011732
#011732
rgb(1,23,50)
-
#012046
#012046
rgb(1,32,70)
-
#012859
#012859
rgb(1,40,89)
-
#01316c
#01316c
rgb(1,49,108)
-
#023a80
#023a80
rgb(2,58,128)
-
#024393
#024393
rgb(2,67,147)
-
#024ca6
#024ca6
rgb(2,76,166)
-
#0255ba
#0255ba
rgb(2,85,186)
-
#035dcd
#035dcd
rgb(3,93,205)
-
#0366e1
#0366e1
rgb(3,102,225)
-
#036ff4
#036ff4
rgb(3,111,244)
-
#0f79fc
#0f79fc
rgb(15,121,252)
-
#2284fc
#2284fc
rgb(34,132,252)
-
#358ffd
#358ffd
rgb(53,143,253)
-
#4999fd
#4999fd
rgb(73,153,253)
-
#5ca4fd
#5ca4fd
rgb(92,164,253)
-
#6faffd
#6faffd
rgb(111,175,253)
-
#83bafd
#83bafd
rgb(131,186,253)
-
#96c5fe
#96c5fe
rgb(150,197,254)
-
#aacffe
#aacffe
rgb(170,207,254)
-
#bddafe
#bddafe
rgb(189,218,254)
-
#d0e5fe
#d0e5fe
rgb(208,229,254)
-
#e4f0ff
#e4f0ff
rgb(228,240,255)
-
#f7fbff
#f7fbff
rgb(247,251,255)
Tones of #036ff4
A tone is produced by adding gray to any pure hue. In this case, #757b82 is the less saturated color, while #036ff4 is the most saturated one.
-
#757b82
#757b82
rgb(117,123,130)
-
#6c7a8c
#6c7a8c
rgb(108,122,140)
-
#627995
#627995
rgb(98,121,149)
-
#59789f
#59789f
rgb(89,120,159)
-
#4f77a8
#4f77a8
rgb(79,119,168)
-
#4676b2
#4676b2
rgb(70,118,178)
-
#3c75bb
#3c75bb
rgb(60,117,187)
-
#3374c5
#3374c5
rgb(51,116,197)
-
#2973ce
#2973ce
rgb(41,115,206)
-
#2072d8
#2072d8
rgb(32,114,216)
-
#1671e1
#1671e1
rgb(22,113,225)
-
#0d70eb
#0d70eb
rgb(13,112,235)
-
#036ff4
#036ff4
rgb(3,111,244)
Color Blindness Simulator
Below, you can see how #036ff4 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.