#1822f6 Color Information
In a RGB color space, hex #1822f6 is composed of 9.4% red, 13.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 86.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 237.3 degrees, a saturation of 92.5% and a lightness of 52.9%. #1822f6 color hex could be obtained by blending #3044ff with #0000ed. Closest websafe color is: #0033ff.
-
- R 9
- G 13
- B 96
-
- C 90
- M 86
- Y 0
- K 4
● #1822f6 color description : Vivid blue.
#1822f6 Color Conversion
The hexadecimal color #1822f6 has RGB values of R:24, G:34, B:246 and CMYK values of C:0.9, M:0.86, Y:0, K:0.04. Its decimal value is 1581814.
Hex triplet | 1822f6 | #1822f6 |
---|---|---|
RGB Decimal | 24, 34, 246 | rgb(24,34,246) |
RGB Percent | 9.4, 13.3, 96.5 | rgb(9.4%,13.3%,96.5%) |
CMYK | 90, 86, 0, 4 | |
HSL | 237.3°, 92.5, 52.9 | hsl(237.3,92.5%,52.9%) |
HSV (or HSB) | 237.3°, 90.2, 96.5 | |
Web Safe | 0033ff | #0033ff |
CIE-LAB | 33.964, 69.521, -100.011 |
---|---|
XYZ | 17.58, 7.991, 87.8 |
xyY | 0.155, 0.07, 7.991 |
CIE-LCH | 33.964, 121.8, 304.804 |
CIE-LUV | 33.964, -9.894, -127.566 |
Hunter-Lab | 28.268, 61.541, -164.366 |
Binary | 00011000, 00100010, 11110110 |
Color Schemes with #1822f6
Alternatives to #1822f6
Below, you can see some colors close to #1822f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1822f6 Preview
This text has a font color of #1822f6.
<span style="color:#1822f6;">Text here</span>
This paragraph has a background color of #1822f6.
<p style="background-color:#1822f6;">Content here</p>
This element has a border color of #1822f6.
<div style="border:1px solid #1822f6;">Content here</div>
.text {color:#1822f6;}
.background {background-color:#1822f6;}
.border {border:1px solid #1822f6;}
Shades and Tints of #1822f6
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, #01010e is the darkest color, while #fbfbff is the lightest one.
-
#01010e
#01010e
rgb(1,1,14)
-
#010321
#010321
rgb(1,3,33)
-
#020434
#020434
rgb(2,4,52)
-
#030647
#030647
rgb(3,6,71)
-
#04075a
#04075a
rgb(4,7,90)
-
#04096d
#04096d
rgb(4,9,109)
-
#050b80
#050b80
rgb(5,11,128)
-
#060c93
#060c93
rgb(6,12,147)
-
#060ea5
#060ea5
rgb(6,14,165)
-
#070fb8
#070fb8
rgb(7,15,184)
-
#0811cb
#0811cb
rgb(8,17,203)
-
#0912de
#0912de
rgb(9,18,222)
-
#0914f1
#0914f1
rgb(9,20,241)
-
#1822f6
#1822f6
rgb(24,34,246)
-
#2b34f7
#2b34f7
rgb(43,52,247)
-
#3e46f7
#3e46f7
rgb(62,70,247)
-
#5158f8
#5158f8
rgb(81,88,248)
-
#646af9
#646af9
rgb(100,106,249)
-
#767cfa
#767cfa
rgb(118,124,250)
-
#898efa
#898efa
rgb(137,142,250)
-
#9ca0fb
#9ca0fb
rgb(156,160,251)
-
#afb3fc
#afb3fc
rgb(175,179,252)
-
#c2c5fd
#c2c5fd
rgb(194,197,253)
-
#d5d7fd
#d5d7fd
rgb(213,215,253)
-
#e8e9fe
#e8e9fe
rgb(232,233,254)
-
#fbfbff
#fbfbff
rgb(251,251,255)
Tones of #1822f6
A tone is produced by adding gray to any pure hue. In this case, #878787 is the less saturated color, while #1822f6 is the most saturated one.
-
#878787
#878787
rgb(135,135,135)
-
#7e7e90
#7e7e90
rgb(126,126,144)
-
#74769a
#74769a
rgb(116,118,154)
-
#6b6ea3
#6b6ea3
rgb(107,110,163)
-
#6265ac
#6265ac
rgb(98,101,172)
-
#595db5
#595db5
rgb(89,93,181)
-
#4f54bf
#4f54bf
rgb(79,84,191)
-
#464cc8
#464cc8
rgb(70,76,200)
-
#3d44d1
#3d44d1
rgb(61,68,209)
-
#343bda
#343bda
rgb(52,59,218)
-
#2a33e4
#2a33e4
rgb(42,51,228)
-
#212aed
#212aed
rgb(33,42,237)
-
#1822f6
#1822f6
rgb(24,34,246)
Color Blindness Simulator
Below, you can see how #1822f6 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.