#20caf1 Color Information
In a RGB color space, hex #20caf1 is composed of 12.5% red, 79.2% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 16.2% magenta, 0% yellow and 5.5% black. It has a hue angle of 191.2 degrees, a saturation of 88.2% and a lightness of 53.5%. #20caf1 color hex could be obtained by blending #40ffff with #0095e3. Closest websafe color is: #33ccff.
-
- R 13
- G 79
- B 95
-
- C 87
- M 16
- Y 0
- K 5
● #20caf1 color description : Vivid cyan.
#20caf1 Color Conversion
The hexadecimal color #20caf1 has RGB values of R:32, G:202, B:241 and CMYK values of C:0.87, M:0.16, Y:0, K:0.05. Its decimal value is 2149105.
Hex triplet | 20caf1 | #20caf1 |
---|---|---|
RGB Decimal | 32, 202, 241 | rgb(32,202,241) |
RGB Percent | 12.5, 79.2, 94.5 | rgb(12.5%,79.2%,94.5%) |
CMYK | 87, 16, 0, 5 | |
HSL | 191.2°, 88.2, 53.5 | hsl(191.2,88.2%,53.5%) |
HSV (or HSB) | 191.2°, 86.7, 94.5 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 75.386, -26.896, -30.6 |
---|---|
XYZ | 37.589, 48.895, 90.671 |
xyY | 0.212, 0.276, 48.895 |
CIE-LCH | 75.386, 40.74, 228.686 |
CIE-LUV | 75.386, -52.614, -45.506 |
Hunter-Lab | 69.925, -26.415, -27.933 |
Binary | 00100000, 11001010, 11110001 |
Color Schemes with #20caf1
Alternatives to #20caf1
Below, you can see some colors close to #20caf1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20caf1 Preview
This text has a font color of #20caf1.
<span style="color:#20caf1;">Text here</span>
This paragraph has a background color of #20caf1.
<p style="background-color:#20caf1;">Content here</p>
This element has a border color of #20caf1.
<div style="border:1px solid #20caf1;">Content here</div>
.text {color:#20caf1;}
.background {background-color:#20caf1;}
.border {border:1px solid #20caf1;}
Shades and Tints of #20caf1
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, #010e11 is the darkest color, while #fdffff is the lightest one.
-
#010e11
#010e11
rgb(1,14,17)
-
#021d23
#021d23
rgb(2,29,35)
-
#032c36
#032c36
rgb(3,44,54)
-
#053c48
#053c48
rgb(5,60,72)
-
#064b5b
#064b5b
rgb(6,75,91)
-
#075a6d
#075a6d
rgb(7,90,109)
-
#086980
#086980
rgb(8,105,128)
-
#097992
#097992
rgb(9,121,146)
-
#0a88a5
#0a88a5
rgb(10,136,165)
-
#0b97b7
#0b97b7
rgb(11,151,183)
-
#0da6ca
#0da6ca
rgb(13,166,202)
-
#0eb5dc
#0eb5dc
rgb(14,181,220)
-
#0fc5ee
#0fc5ee
rgb(15,197,238)
-
#20caf1
#20caf1
rgb(32,202,241)
-
#32cef2
#32cef2
rgb(50,206,242)
-
#45d3f3
#45d3f3
rgb(69,211,243)
-
#57d7f4
#57d7f4
rgb(87,215,244)
-
#6adcf6
#6adcf6
rgb(106,220,246)
-
#7ce0f7
#7ce0f7
rgb(124,224,247)
-
#8fe4f8
#8fe4f8
rgb(143,228,248)
-
#a1e9f9
#a1e9f9
rgb(161,233,249)
-
#b4edfa
#b4edfa
rgb(180,237,250)
-
#c6f1fb
#c6f1fb
rgb(198,241,251)
-
#d9f6fd
#d9f6fd
rgb(217,246,253)
-
#ebfafe
#ebfafe
rgb(235,250,254)
-
#fdffff
#fdffff
rgb(253,255,255)
Tones of #20caf1
A tone is produced by adding gray to any pure hue. In this case, #848b8d is the less saturated color, while #17d0fa is the most saturated one.
-
#848b8d
#848b8d
rgb(132,139,141)
-
#7b9196
#7b9196
rgb(123,145,150)
-
#72979f
#72979f
rgb(114,151,159)
-
#699ca8
#699ca8
rgb(105,156,168)
-
#60a2b1
#60a2b1
rgb(96,162,177)
-
#57a8ba
#57a8ba
rgb(87,168,186)
-
#4eadc3
#4eadc3
rgb(78,173,195)
-
#44b3cd
#44b3cd
rgb(68,179,205)
-
#3bb9d6
#3bb9d6
rgb(59,185,214)
-
#32bfdf
#32bfdf
rgb(50,191,223)
-
#29c4e8
#29c4e8
rgb(41,196,232)
-
#20caf1
#20caf1
rgb(32,202,241)
-
#17d0fa
#17d0fa
rgb(23,208,250)
Color Blindness Simulator
Below, you can see how #20caf1 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.