#61aefd hex color

In a RGB color space, hex #61aefd is composed of 38% red, 68.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 31.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 210.4 degrees, a saturation of 97.5% and a lightness of 68.6%. #61aefd color hex could be obtained by blending #c2ffff with #005dfb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 38
- G 68
- B 99
RGB color chart
- C 62
- M 31
- Y 0
- K 1
CMYK color chart

● #61aefd color description : Soft blue.

The hexadecimal color #61aefd has RGB values of R:97, G:174, B:253 and CMYK values of C:0.62, M:0.31, Y:0, K:0.01. Its decimal value is 6401789.

Hex triplet	61aefd	`#61aefd`
RGB Decimal	97, 174, 253	`rgb(97,174,253)`
RGB Percent	38, 68.2, 99.2	`rgb(38%,68.2%,99.2%)`
CMYK	62, 31, 0, 1
HSL	210.4°, 97.5, 68.6	`hsl(210.4,97.5%,68.6%)`
HSV (or HSB)	210.4°, 61.7, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.4, -0.438, -46.275
XYZ	37.791, 39.903, 98.634
xyY	0.214, 0.226, 39.903
CIE-LCH	69.4, 46.277, 269.458
CIE-LUV	69.4, -32.196, -74.978
Hunter-Lab	63.169, -3.756, -48.359
Binary	01100001, 10101110, 11111101

#61aefd
```
#61aefd rgb(97,174,253)
```
#fdb061
```
#fdb061 rgb(253,176,97)
```

Complementary Color

#61fcfd
```
#61fcfd rgb(97,252,253)
```
#61aefd
```
#61aefd rgb(97,174,253)
```
#6261fd
```
#6261fd rgb(98,97,253)
```

Analogous Color

#fcfd61
```
#fcfd61 rgb(252,253,97)
```
#61aefd
```
#61aefd rgb(97,174,253)
```
#fd6261
```
#fd6261 rgb(253,98,97)
```

Split Complementary Color

#aefd61
```
#aefd61 rgb(174,253,97)
```
#61aefd
```
#61aefd rgb(97,174,253)
```
#fd61ae
```
#fd61ae rgb(253,97,174)
```

Triadic Color

#61fdb0
```
#61fdb0 rgb(97,253,176)
```
#61aefd
```
#61aefd rgb(97,174,253)
```
#fd61ae
```
#fd61ae rgb(253,97,174)
```
#fdb061
```
#fdb061 rgb(253,176,97)
```

Tetradic Color

#1587fc
```
#1587fc rgb(21,135,252)
```
#2f94fc
```
#2f94fc rgb(47,148,252)
```
#48a1fd
```
#48a1fd rgb(72,161,253)
```
#61aefd
```
#61aefd rgb(97,174,253)
```
#7abbfd
```
#7abbfd rgb(122,187,253)
```
#93c8fe
```
#93c8fe rgb(147,200,254)
```
#add5fe
```
#add5fe rgb(173,213,254)
```

Monochromatic Color

Below, you can see some colors close to #61aefd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#61d5fd
```
#61d5fd rgb(97,213,253)
```
#61c8fd
```
#61c8fd rgb(97,200,253)
```
#61bbfd
```
#61bbfd rgb(97,187,253)
```
#61aefd
```
#61aefd rgb(97,174,253)
```
#61a1fd
```
#61a1fd rgb(97,161,253)
```
#6194fd
```
#6194fd rgb(97,148,253)
```
#6187fd
```
#6187fd rgb(97,135,253)
```

Similar Colors

Text with hexadecimal color #61aefd

This text has a font color of #61aefd.

<span style="color:#61aefd;">Text here</span>

#61aefd background color

This paragraph has a background color of #61aefd.

<p style="background-color:#61aefd;">Content here</p>

#61aefd border color

This element has a border color of #61aefd.

<div style="border:1px solid #61aefd;">Content here</div>

CSS codes

.text {color:#61aefd;}

.background {background-color:#61aefd;}

.border {border:1px solid #61aefd;}

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, #000810 is the darkest color, while #fcfdff is the lightest one.

#000810
```
#000810 rgb(0,8,16)
```
#001224
```
#001224 rgb(0,18,36)
```
#011c37
```
#011c37 rgb(1,28,55)
```
#01254a
```
#01254a rgb(1,37,74)
```
#012f5e
```
#012f5e rgb(1,47,94)
```
#013971
```
#013971 rgb(1,57,113)
```
#024285
```
#024285 rgb(2,66,133)
```
#024c98
```
#024c98 rgb(2,76,152)
```
#0256ab
```
#0256ab rgb(2,86,171)
```
#025fbf
```
#025fbf rgb(2,95,191)
```
#0369d2
```
#0369d2 rgb(3,105,210)
```
#0373e5
```
#0373e5 rgb(3,115,229)
```
#037cf9
```
#037cf9 rgb(3,124,249)
```

Shade Color Variation

#1486fc
```
#1486fc rgb(20,134,252)
```
#2790fc
```
#2790fc rgb(39,144,252)
```
#3a9afd
```
#3a9afd rgb(58,154,253)
```
#4ea4fd
```
#4ea4fd rgb(78,164,253)
```
#61aefd
```
#61aefd rgb(97,174,253)
```
#74b8fd
```
#74b8fd rgb(116,184,253)
```
#88c2fd
```
#88c2fd rgb(136,194,253)
```
#9bccfe
```
#9bccfe rgb(155,204,254)
```
#aed6fe
```
#aed6fe rgb(174,214,254)
```
#c2e0fe
```
#c2e0fe rgb(194,224,254)
```
#d5eafe
```
#d5eafe rgb(213,234,254)
```
#e9f4ff
```
#e9f4ff rgb(233,244,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #abafb3 is the less saturated color, while #61aefd is the most saturated one.

#abafb3
```
#abafb3 rgb(171,175,179)
```
#a5afb9
```
#a5afb9 rgb(165,175,185)
```
#9fafbf
```
#9fafbf rgb(159,175,191)
```
#98afc6
```
#98afc6 rgb(152,175,198)
```
#92afcc
```
#92afcc rgb(146,175,204)
```
#8cafd2
```
#8cafd2 rgb(140,175,210)
```
#86aed8
```
#86aed8 rgb(134,174,216)
```
#80aede
```
#80aede rgb(128,174,222)
```
#7aaee4
```
#7aaee4 rgb(122,174,228)
```
#73aeeb
```
#73aeeb rgb(115,174,235)
```
#6daef1
```
#6daef1 rgb(109,174,241)
```
#67aef7
```
#67aef7 rgb(103,174,247)
```
#61aefd
```
#61aefd rgb(97,174,253)
```

Tone Color Variation

Below, you can see how #61aefd 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.

Monochromacy

#a0a0a0 Achromatopsia 0.005% of the population
#93a3b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92abf8 Protanopia 1% of men
#83adff Deuteranopia 1% of men
#47bcca Tritanopia 0.001% of the population

Trichromacy

#80acf9 Protanomaly 1% of men, 0.01% of women
#76adfe Deuteranomaly 6% of men, 0.4% of women
#51b7dc Tritanomaly 0.01% of the population

#61aefd hex color

#61aefd Color Information

#61aefd Color Conversion

Color Schemes with #61aefd

Alternatives to #61aefd

#61aefd Preview

Shades and Tints of #61aefd

Tones of #61aefd

Color Blindness Simulator