#0636f2 Color Information
In a RGB color space, hex #0636f2 is composed of 2.4% red, 21.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 77.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 227.8 degrees, a saturation of 95.2% and a lightness of 48.6%. #0636f2 color hex could be obtained by blending #0c6cff with #0000e5. Closest websafe color is: #0033ff.
-
- R 2
- G 21
- B 95
-
- C 98
- M 78
- Y 0
- K 5
● #0636f2 color description : Vivid blue.
#0636f2 Color Conversion
The hexadecimal color #0636f2 has RGB values of R:6, G:54, B:242 and CMYK values of C:0.98, M:0.78, Y:0, K:0.05. Its decimal value is 407282.
Hex triplet | 0636f2 | #0636f2 |
---|---|---|
RGB Decimal | 6, 54, 242 | rgb(6,54,242) |
RGB Percent | 2.4, 21.2, 94.9 | rgb(2.4%,21.2%,94.9%) |
CMYK | 98, 78, 0, 5 | |
HSL | 227.8°, 95.2, 48.6 | hsl(227.8,95.2%,48.6%) |
HSV (or HSB) | 227.8°, 97.5, 94.9 | |
Web Safe | 0033ff | #0033ff |
CIE-LAB | 36.15, 59.218, -94.122 |
---|---|
XYZ | 17.418, 9.086, 84.835 |
xyY | 0.156, 0.082, 9.086 |
CIE-LCH | 36.15, 111.201, 302.177 |
CIE-LUV | 36.15, -12.767, -125.951 |
Hunter-Lab | 30.144, 50.392, -145.763 |
Binary | 00000110, 00110110, 11110010 |
Color Schemes with #0636f2
Alternatives to #0636f2
Below, you can see some colors close to #0636f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0636f2 Preview
This text has a font color of #0636f2.
<span style="color:#0636f2;">Text here</span>
This paragraph has a background color of #0636f2.
<p style="background-color:#0636f2;">Content here</p>
This element has a border color of #0636f2.
<div style="border:1px solid #0636f2;">Content here</div>
.text {color:#0636f2;}
.background {background-color:#0636f2;}
.border {border:1px solid #0636f2;}
Shades and Tints of #0636f2
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, #00030c is the darkest color, while #f8faff is the lightest one.
-
#00030c
#00030c
rgb(0,3,12)
-
#01071f
#01071f
rgb(1,7,31)
-
#010b33
#010b33
rgb(1,11,51)
-
#021046
#021046
rgb(2,16,70)
-
#021459
#021459
rgb(2,20,89)
-
#03186c
#03186c
rgb(3,24,108)
-
#031c7f
#031c7f
rgb(3,28,127)
-
#042192
#042192
rgb(4,33,146)
-
#0425a5
#0425a5
rgb(4,37,165)
-
#0529b9
#0529b9
rgb(5,41,185)
-
#052dcc
#052dcc
rgb(5,45,204)
-
#0632df
#0632df
rgb(6,50,223)
-
#0636f2
#0636f2
rgb(6,54,242)
-
#1241f9
#1241f9
rgb(18,65,249)
-
#2651fa
#2651fa
rgb(38,81,250)
-
#3960fa
#3960fa
rgb(57,96,250)
-
#4c6ffb
#4c6ffb
rgb(76,111,251)
-
#5f7ffb
#5f7ffb
rgb(95,127,251)
-
#728efc
#728efc
rgb(114,142,252)
-
#859dfc
#859dfc
rgb(133,157,252)
-
#98adfc
#98adfc
rgb(152,173,252)
-
#acbcfd
#acbcfd
rgb(172,188,253)
-
#bfcbfd
#bfcbfd
rgb(191,203,253)
-
#d2dbfe
#d2dbfe
rgb(210,219,254)
-
#e5eafe
#e5eafe
rgb(229,234,254)
-
#f8faff
#f8faff
rgb(248,250,255)
Tones of #0636f2
A tone is produced by adding gray to any pure hue. In this case, #787a80 is the less saturated color, while #0636f2 is the most saturated one.
-
#787a80
#787a80
rgb(120,122,128)
-
#6f7489
#6f7489
rgb(111,116,137)
-
#656f93
#656f93
rgb(101,111,147)
-
#5c699c
#5c699c
rgb(92,105,156)
-
#5263a6
#5263a6
rgb(82,99,166)
-
#495eaf
#495eaf
rgb(73,94,175)
-
#3f58b9
#3f58b9
rgb(63,88,185)
-
#3652c2
#3652c2
rgb(54,82,194)
-
#2c4dcc
#2c4dcc
rgb(44,77,204)
-
#2347d5
#2347d5
rgb(35,71,213)
-
#1941df
#1941df
rgb(25,65,223)
-
#103ce8
#103ce8
rgb(16,60,232)
-
#0636f2
#0636f2
rgb(6,54,242)
Color Blindness Simulator
Below, you can see how #0636f2 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.