#2204ff Color Information
In a RGB color space, hex #2204ff is composed of 13.3% red, 1.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 98.4% magenta, 0% yellow and 0% black. It has a hue angle of 247.2 degrees, a saturation of 100% and a lightness of 50.8%. #2204ff color hex could be obtained by blending #4408ff with #0000ff. Closest websafe color is: #3300ff.
-
- R 13
- G 2
- B 100
-
- C 87
- M 98
- Y 0
- K 0
● #2204ff color description : Vivid blue.
#2204ff Color Conversion
The hexadecimal color #2204ff has RGB values of R:34, G:4, B:255 and CMYK values of C:0.87, M:0.98, Y:0, K:0. Its decimal value is 2229503.
Hex triplet | 2204ff | #2204ff |
---|---|---|
RGB Decimal | 34, 4, 255 | rgb(34,4,255) |
RGB Percent | 13.3, 1.6, 100 | rgb(13.3%,1.6%,100%) |
CMYK | 87, 98, 0, 0 | |
HSL | 247.2°, 100, 50.8 | hsl(247.2,100%,50.8%) |
HSV (or HSB) | 247.2°, 98.4, 100 | |
Web Safe | 3300ff | #3300ff |
CIE-LAB | 33.234, 78.85, -106.285 |
---|---|
XYZ | 18.75, 7.646, 95.09 |
xyY | 0.154, 0.063, 7.646 |
CIE-LCH | 33.234, 132.34, 306.571 |
CIE-LUV | 33.234, -8.087, -131.337 |
Hunter-Lab | 27.651, 72.65, -184.542 |
Binary | 00100010, 00000100, 11111111 |
Color Schemes with #2204ff
Alternatives to #2204ff
Below, you can see some colors close to #2204ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2204ff Preview
This text has a font color of #2204ff.
<span style="color:#2204ff;">Text here</span>
This paragraph has a background color of #2204ff.
<p style="background-color:#2204ff;">Content here</p>
This element has a border color of #2204ff.
<div style="border:1px solid #2204ff;">Content here</div>
.text {color:#2204ff;}
.background {background-color:#2204ff;}
.border {border:1px solid #2204ff;}
Shades and Tints of #2204ff
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, #000004 is the darkest color, while #f1efff is the lightest one.
-
#000004
#000004
rgb(0,0,4)
-
#030018
#030018
rgb(3,0,24)
-
#05002b
#05002b
rgb(5,0,43)
-
#08003f
#08003f
rgb(8,0,63)
-
#0a0052
#0a0052
rgb(10,0,82)
-
#0c0066
#0c0066
rgb(12,0,102)
-
#0f007a
#0f007a
rgb(15,0,122)
-
#11008d
#11008d
rgb(17,0,141)
-
#1300a1
#1300a1
rgb(19,0,161)
-
#1600b5
#1600b5
rgb(22,0,181)
-
#1800c8
#1800c8
rgb(24,0,200)
-
#1a00dc
#1a00dc
rgb(26,0,220)
-
#1d00ef
#1d00ef
rgb(29,0,239)
-
#2204ff
#2204ff
rgb(34,4,255)
-
#3318ff
#3318ff
rgb(51,24,255)
-
#452bff
#452bff
rgb(69,43,255)
-
#563fff
#563fff
rgb(86,63,255)
-
#6752ff
#6752ff
rgb(103,82,255)
-
#7866ff
#7866ff
rgb(120,102,255)
-
#8a7aff
#8a7aff
rgb(138,122,255)
-
#9b8dff
#9b8dff
rgb(155,141,255)
-
#aca1ff
#aca1ff
rgb(172,161,255)
-
#bdb5ff
#bdb5ff
rgb(189,181,255)
-
#cfc8ff
#cfc8ff
rgb(207,200,255)
-
#e0dcff
#e0dcff
rgb(224,220,255)
-
#f1efff
#f1efff
rgb(241,239,255)
Tones of #2204ff
A tone is produced by adding gray to any pure hue. In this case, #7a788b is the less saturated color, while #2204ff is the most saturated one.
-
#7a788b
#7a788b
rgb(122,120,139)
-
#736e95
#736e95
rgb(115,110,149)
-
#6b659e
#6b659e
rgb(107,101,158)
-
#645ba8
#645ba8
rgb(100,91,168)
-
#5d51b2
#5d51b2
rgb(93,81,178)
-
#5548bb
#5548bb
rgb(85,72,187)
-
#4e3ec5
#4e3ec5
rgb(78,62,197)
-
#4734cf
#4734cf
rgb(71,52,207)
-
#3f2bd8
#3f2bd8
rgb(63,43,216)
-
#3821e2
#3821e2
rgb(56,33,226)
-
#3117ec
#3117ec
rgb(49,23,236)
-
#290ef5
#290ef5
rgb(41,14,245)
-
#2204ff
#2204ff
rgb(34,4,255)
Color Blindness Simulator
Below, you can see how #2204ff 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.