#22affc Color Information
In a RGB color space, hex #22affc is composed of 13.3% red, 68.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 30.6% magenta, 0% yellow and 1.2% black. It has a hue angle of 201.2 degrees, a saturation of 97.3% and a lightness of 56.1%. #22affc color hex could be obtained by blending #44ffff with #005ff9. Closest websafe color is: #3399ff.
-
- R 13
- G 69
- B 99
-
- C 87
- M 31
- Y 0
- K 1
● #22affc color description : Vivid blue.
#22affc Color Conversion
The hexadecimal color #22affc has RGB values of R:34, G:175, B:252 and CMYK values of C:0.87, M:0.31, Y:0, K:0.01. Its decimal value is 2273276.
Hex triplet | 22affc | #22affc |
---|---|---|
RGB Decimal | 34, 175, 252 | rgb(34,175,252) |
RGB Percent | 13.3, 68.6, 98.8 | rgb(13.3%,68.6%,98.8%) |
CMYK | 87, 31, 0, 1 | |
HSL | 201.2°, 97.3, 56.1 | hsl(201.2,97.3%,56.1%) |
HSV (or HSB) | 201.2°, 86.5, 98.8 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 68.039, -8.854, -47.983 |
---|---|
XYZ | 33.556, 38.025, 97.661 |
xyY | 0.198, 0.225, 38.025 |
CIE-LCH | 68.039, 48.793, 259.546 |
CIE-LUV | 68.039, -42.624, -76.755 |
Hunter-Lab | 61.665, -10.779, -50.735 |
Binary | 00100010, 10101111, 11111100 |
Color Schemes with #22affc
Alternatives to #22affc
Below, you can see some colors close to #22affc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22affc Preview
This text has a font color of #22affc.
<span style="color:#22affc;">Text here</span>
This paragraph has a background color of #22affc.
<p style="background-color:#22affc;">Content here</p>
This element has a border color of #22affc.
<div style="border:1px solid #22affc;">Content here</div>
.text {color:#22affc;}
.background {background-color:#22affc;}
.border {border:1px solid #22affc;}
Shades and Tints of #22affc
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, #00070b is the darkest color, while #f7fcff is the lightest one.
-
#00070b
#00070b
rgb(0,7,11)
-
#00141f
#00141f
rgb(0,20,31)
-
#012132
#012132
rgb(1,33,50)
-
#012d45
#012d45
rgb(1,45,69)
-
#013a59
#013a59
rgb(1,58,89)
-
#01466c
#01466c
rgb(1,70,108)
-
#02537f
#02537f
rgb(2,83,127)
-
#026093
#026093
rgb(2,96,147)
-
#026ca6
#026ca6
rgb(2,108,166)
-
#0379b9
#0379b9
rgb(3,121,185)
-
#0385cd
#0385cd
rgb(3,133,205)
-
#0392e0
#0392e0
rgb(3,146,224)
-
#039ff3
#039ff3
rgb(3,159,243)
-
#0fa8fc
#0fa8fc
rgb(15,168,252)
-
#22affc
#22affc
rgb(34,175,252)
-
#35b6fc
#35b6fc
rgb(53,182,252)
-
#49bdfd
#49bdfd
rgb(73,189,253)
-
#5cc4fd
#5cc4fd
rgb(92,196,253)
-
#6fcbfd
#6fcbfd
rgb(111,203,253)
-
#83d2fd
#83d2fd
rgb(131,210,253)
-
#96d9fe
#96d9fe
rgb(150,217,254)
-
#a9e0fe
#a9e0fe
rgb(169,224,254)
-
#bde7fe
#bde7fe
rgb(189,231,254)
-
#d0eefe
#d0eefe
rgb(208,238,254)
-
#e4f5ff
#e4f5ff
rgb(228,245,255)
-
#f7fcff
#f7fcff
rgb(247,252,255)
Tones of #22affc
A tone is produced by adding gray to any pure hue. In this case, #899195 is the less saturated color, while #22affc is the most saturated one.
-
#899195
#899195
rgb(137,145,149)
-
#81939d
#81939d
rgb(129,147,157)
-
#7896a6
#7896a6
rgb(120,150,166)
-
#7098ae
#7098ae
rgb(112,152,174)
-
#679bb7
#679bb7
rgb(103,155,183)
-
#5e9dc0
#5e9dc0
rgb(94,157,192)
-
#56a0c8
#56a0c8
rgb(86,160,200)
-
#4da2d1
#4da2d1
rgb(77,162,209)
-
#44a5da
#44a5da
rgb(68,165,218)
-
#3ca7e2
#3ca7e2
rgb(60,167,226)
-
#33aaeb
#33aaeb
rgb(51,170,235)
-
#2bacf3
#2bacf3
rgb(43,172,243)
-
#22affc
#22affc
rgb(34,175,252)
Color Blindness Simulator
Below, you can see how #22affc 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.