#22affd Color Information
In a RGB color space, hex #22affd is composed of 13.3% red, 68.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 86.6% cyan, 30.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 201.4 degrees, a saturation of 98.2% and a lightness of 56.3%. #22affd color hex could be obtained by blending #44ffff with #005ffb. Closest websafe color is: #3399ff.
-
- R 13
- G 69
- B 99
-
- C 87
- M 31
- Y 0
- K 1
● #22affd color description : Vivid blue.
#22affd Color Conversion
The hexadecimal color #22affd has RGB values of R:34, G:175, B:253 and CMYK values of C:0.87, M:0.31, Y:0, K:0.01. Its decimal value is 2273277.
Hex triplet | 22affd | #22affd |
---|---|---|
RGB Decimal | 34, 175, 253 | rgb(34,175,253) |
RGB Percent | 13.3, 68.6, 99.2 | rgb(13.3%,68.6%,99.2%) |
CMYK | 87, 31, 0, 1 | |
HSL | 201.4°, 98.2, 56.3 | hsl(201.4,98.2%,56.3%) |
HSV (or HSB) | 201.4°, 86.6, 99.2 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 68.086, -8.498, -48.452 |
---|---|
XYZ | 33.715, 38.089, 98.498 |
xyY | 0.198, 0.224, 38.089 |
CIE-LCH | 68.086, 49.192, 260.052 |
CIE-LUV | 68.086, -42.562, -77.605 |
Hunter-Lab | 61.716, -10.49, -51.425 |
Binary | 00100010, 10101111, 11111101 |
Color Schemes with #22affd
Alternatives to #22affd
Below, you can see some colors close to #22affd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22affd Preview
This text has a font color of #22affd.
<span style="color:#22affd;">Text here</span>
This paragraph has a background color of #22affd.
<p style="background-color:#22affd;">Content here</p>
This element has a border color of #22affd.
<div style="border:1px solid #22affd;">Content here</div>
.text {color:#22affd;}
.background {background-color:#22affd;}
.border {border:1px solid #22affd;}
Shades and Tints of #22affd
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, #00080c is the darkest color, while #f8fcff is the lightest one.
-
#00080c
#00080c
rgb(0,8,12)
-
#001520
#001520
rgb(0,21,32)
-
#002133
#002133
rgb(0,33,51)
-
#012e47
#012e47
rgb(1,46,71)
-
#013a5a
#013a5a
rgb(1,58,90)
-
#01476d
#01476d
rgb(1,71,109)
-
#015381
#015381
rgb(1,83,129)
-
#016094
#016094
rgb(1,96,148)
-
#026da8
#026da8
rgb(2,109,168)
-
#0279bb
#0279bb
rgb(2,121,187)
-
#0286cf
#0286cf
rgb(2,134,207)
-
#0292e2
#0292e2
rgb(2,146,226)
-
#029ff6
#029ff6
rgb(2,159,246)
-
#0fa8fd
#0fa8fd
rgb(15,168,253)
-
#22affd
#22affd
rgb(34,175,253)
-
#35b6fd
#35b6fd
rgb(53,182,253)
-
#49bdfd
#49bdfd
rgb(73,189,253)
-
#5cc4fe
#5cc4fe
rgb(92,196,254)
-
#70cbfe
#70cbfe
rgb(112,203,254)
-
#83d2fe
#83d2fe
rgb(131,210,254)
-
#97d9fe
#97d9fe
rgb(151,217,254)
-
#aae0fe
#aae0fe
rgb(170,224,254)
-
#bee7fe
#bee7fe
rgb(190,231,254)
-
#d1eeff
#d1eeff
rgb(209,238,255)
-
#e4f5ff
#e4f5ff
rgb(228,245,255)
-
#f8fcff
#f8fcff
rgb(248,252,255)
Tones of #22affd
A tone is produced by adding gray to any pure hue. In this case, #899196 is the less saturated color, while #22affd is the most saturated one.
-
#899196
#899196
rgb(137,145,150)
-
#80949f
#80949f
rgb(128,148,159)
-
#7896a7
#7896a7
rgb(120,150,167)
-
#6f99b0
#6f99b0
rgb(111,153,176)
-
#679bb8
#679bb8
rgb(103,155,184)
-
#5e9ec1
#5e9ec1
rgb(94,158,193)
-
#55a0ca
#55a0ca
rgb(85,160,202)
-
#4da3d2
#4da3d2
rgb(77,163,210)
-
#44a5db
#44a5db
rgb(68,165,219)
-
#3ca8e3
#3ca8e3
rgb(60,168,227)
-
#33aaec
#33aaec
rgb(51,170,236)
-
#2badf4
#2badf4
rgb(43,173,244)
-
#22affd
#22affd
rgb(34,175,253)
Color Blindness Simulator
Below, you can see how #22affd 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.