#61ade2 Color Information
In a RGB color space, hex #61ade2 is composed of 38% red, 67.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 23.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 204.7 degrees, a saturation of 69% and a lightness of 63.3%. #61ade2 color hex could be obtained by blending #c2ffff with #005bc5. Closest websafe color is: #6699cc.
-
- R 38
- G 68
- B 89
-
- C 57
- M 23
- Y 0
- K 11
● #61ade2 color description : Soft blue.
#61ade2 Color Conversion
The hexadecimal color #61ade2 has RGB values of R:97, G:173, B:226 and CMYK values of C:0.57, M:0.23, Y:0, K:0.11. Its decimal value is 6401506.
Hex triplet | 61ade2 | #61ade2 |
---|---|---|
RGB Decimal | 97, 173, 226 | rgb(97,173,226) |
RGB Percent | 38, 67.8, 88.6 | rgb(38%,67.8%,88.6%) |
CMYK | 57, 23, 0, 11 | |
HSL | 204.7°, 69, 63.3 | hsl(204.7,69%,63.3%) |
HSV (or HSB) | 204.7°, 57.1, 88.6 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 67.96, -8.365, -33.809 |
---|---|
XYZ | 33.597, 37.917, 77.496 |
xyY | 0.225, 0.254, 37.917 |
CIE-LCH | 67.96, 34.829, 256.103 |
CIE-LUV | 67.96, -32.568, -52.629 |
Hunter-Lab | 61.577, -10.367, -31.513 |
Binary | 01100001, 10101101, 11100010 |
Color Schemes with #61ade2
Alternatives to #61ade2
Below, you can see some colors close to #61ade2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#61ade2 Preview
This text has a font color of #61ade2.
<span style="color:#61ade2;">Text here</span>
This paragraph has a background color of #61ade2.
<p style="background-color:#61ade2;">Content here</p>
This element has a border color of #61ade2.
<div style="border:1px solid #61ade2;">Content here</div>
.text {color:#61ade2;}
.background {background-color:#61ade2;}
.border {border:1px solid #61ade2;}
Shades and Tints of #61ade2
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, #010508 is the darkest color, while #f6fafd is the lightest one.
-
#010508
#010508
rgb(1,5,8)
-
#041018
#041018
rgb(4,16,24)
-
#081b29
#081b29
rgb(8,27,41)
-
#0b2639
#0b2639
rgb(11,38,57)
-
#0e314a
#0e314a
rgb(14,49,74)
-
#113c5b
#113c5b
rgb(17,60,91)
-
#14476b
#14476b
rgb(20,71,107)
-
#17527c
#17527c
rgb(23,82,124)
-
#1a5d8c
#1a5d8c
rgb(26,93,140)
-
#1d689d
#1d689d
rgb(29,104,157)
-
#2073ad
#2073ad
rgb(32,115,173)
-
#237ebe
#237ebe
rgb(35,126,190)
-
#2689cf
#2689cf
rgb(38,137,207)
-
#2f93d9
#2f93d9
rgb(47,147,217)
-
#409cdc
#409cdc
rgb(64,156,220)
-
#50a4df
#50a4df
rgb(80,164,223)
-
#61ade2
#61ade2
rgb(97,173,226)
-
#72b6e5
#72b6e5
rgb(114,182,229)
-
#82bee8
#82bee8
rgb(130,190,232)
-
#93c7eb
#93c7eb
rgb(147,199,235)
-
#a3cfee
#a3cfee
rgb(163,207,238)
-
#b4d8f1
#b4d8f1
rgb(180,216,241)
-
#c4e1f4
#c4e1f4
rgb(196,225,244)
-
#d5e9f7
#d5e9f7
rgb(213,233,247)
-
#e6f2fa
#e6f2fa
rgb(230,242,250)
-
#f6fafd
#f6fafd
rgb(246,250,253)
Tones of #61ade2
A tone is produced by adding gray to any pure hue. In this case, #9ba3a8 is the less saturated color, while #44b2ff is the most saturated one.
-
#9ba3a8
#9ba3a8
rgb(155,163,168)
-
#93a4b0
#93a4b0
rgb(147,164,176)
-
#8ca5b7
#8ca5b7
rgb(140,165,183)
-
#85a7be
#85a7be
rgb(133,167,190)
-
#7ea8c5
#7ea8c5
rgb(126,168,197)
-
#77a9cc
#77a9cc
rgb(119,169,204)
-
#6faad4
#6faad4
rgb(111,170,212)
-
#68acdb
#68acdb
rgb(104,172,219)
-
#61ade2
#61ade2
rgb(97,173,226)
-
#5aaee9
#5aaee9
rgb(90,174,233)
-
#53b0f0
#53b0f0
rgb(83,176,240)
-
#4bb1f8
#4bb1f8
rgb(75,177,248)
-
#44b2ff
#44b2ff
rgb(68,178,255)
Color Blindness Simulator
Below, you can see how #61ade2 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.