#2236ff Color Information
In a RGB color space, hex #2236ff is composed of 13.3% red, 21.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 78.8% magenta, 0% yellow and 0% black. It has a hue angle of 234.6 degrees, a saturation of 100% and a lightness of 56.7%. #2236ff color hex could be obtained by blending #446cff with #0000ff. Closest websafe color is: #3333ff.
-
- R 13
- G 21
- B 100
-
- C 87
- M 79
- Y 0
- K 0
● #2236ff color description : Vivid blue.
#2236ff Color Conversion
The hexadecimal color #2236ff has RGB values of R:34, G:54, B:255 and CMYK values of C:0.87, M:0.79, Y:0, K:0. Its decimal value is 2242303.
Hex triplet | 2236ff | #2236ff |
---|---|---|
RGB Decimal | 34, 54, 255 | rgb(34,54,255) |
RGB Percent | 13.3, 21.2, 100 | rgb(13.3%,21.2%,100%) |
CMYK | 87, 79, 0, 0 | |
HSL | 234.6°, 100, 56.7 | hsl(234.6,100%,56.7%) |
HSV (or HSB) | 234.6°, 86.7, 100 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 38.194, 63.927, -98.018 |
---|---|
XYZ | 20.025, 10.197, 95.515 |
xyY | 0.159, 0.081, 10.197 |
CIE-LCH | 38.194, 117.022, 303.112 |
CIE-LUV | 38.194, -11.682, -133.377 |
Hunter-Lab | 31.933, 56.057, -154.992 |
Binary | 00100010, 00110110, 11111111 |
Color Schemes with #2236ff
Alternatives to #2236ff
Below, you can see some colors close to #2236ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2236ff Preview
This text has a font color of #2236ff.
<span style="color:#2236ff;">Text here</span>
This paragraph has a background color of #2236ff.
<p style="background-color:#2236ff;">Content here</p>
This element has a border color of #2236ff.
<div style="border:1px solid #2236ff;">Content here</div>
.text {color:#2236ff;}
.background {background-color:#2236ff;}
.border {border:1px solid #2236ff;}
Shades and Tints of #2236ff
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, #00010e is the darkest color, while #fafaff is the lightest one.
-
#00010e
#00010e
rgb(0,1,14)
-
#000322
#000322
rgb(0,3,34)
-
#000536
#000536
rgb(0,5,54)
-
#000749
#000749
rgb(0,7,73)
-
#00085d
#00085d
rgb(0,8,93)
-
#000a70
#000a70
rgb(0,10,112)
-
#000c84
#000c84
rgb(0,12,132)
-
#000e98
#000e98
rgb(0,14,152)
-
#0010ab
#0010ab
rgb(0,16,171)
-
#0011bf
#0011bf
rgb(0,17,191)
-
#0013d3
#0013d3
rgb(0,19,211)
-
#0015e6
#0015e6
rgb(0,21,230)
-
#0017fa
#0017fa
rgb(0,23,250)
-
#0e24ff
#0e24ff
rgb(14,36,255)
-
#2236ff
#2236ff
rgb(34,54,255)
-
#3648ff
#3648ff
rgb(54,72,255)
-
#495aff
#495aff
rgb(73,90,255)
-
#5d6cff
#5d6cff
rgb(93,108,255)
-
#707dff
#707dff
rgb(112,125,255)
-
#848fff
#848fff
rgb(132,143,255)
-
#98a1ff
#98a1ff
rgb(152,161,255)
-
#abb3ff
#abb3ff
rgb(171,179,255)
-
#bfc5ff
#bfc5ff
rgb(191,197,255)
-
#d3d7ff
#d3d7ff
rgb(211,215,255)
-
#e6e8ff
#e6e8ff
rgb(230,232,255)
-
#fafaff
#fafaff
rgb(250,250,255)
Tones of #2236ff
A tone is produced by adding gray to any pure hue. In this case, #888a99 is the less saturated color, while #2236ff is the most saturated one.
-
#888a99
#888a99
rgb(136,138,153)
-
#8083a2
#8083a2
rgb(128,131,162)
-
#777caa
#777caa
rgb(119,124,170)
-
#6f75b3
#6f75b3
rgb(111,117,179)
-
#666ebb
#666ebb
rgb(102,110,187)
-
#5e67c4
#5e67c4
rgb(94,103,196)
-
#5560cc
#5560cc
rgb(85,96,204)
-
#4d59d5
#4d59d5
rgb(77,89,213)
-
#4452dd
#4452dd
rgb(68,82,221)
-
#3c4be6
#3c4be6
rgb(60,75,230)
-
#3344ee
#3344ee
rgb(51,68,238)
-
#2b3df7
#2b3df7
rgb(43,61,247)
-
#2236ff
#2236ff
rgb(34,54,255)
Color Blindness Simulator
Below, you can see how #2236ff 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.