#61affa hex color

In a RGB color space, hex #61affa is composed of 38% red, 68.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 30% magenta, 0% yellow and 2% black. It has a hue angle of 209.4 degrees, a saturation of 93.9% and a lightness of 68%. #61affa color hex could be obtained by blending #c2ffff with #005ff5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 38
- G 69
- B 98
RGB color chart
- C 61
- M 30
- Y 0
- K 2
CMYK color chart

● #61affa color description : Soft blue.

The hexadecimal color #61affa has RGB values of R:97, G:175, B:250 and CMYK values of C:0.61, M:0.3, Y:0, K:0.02. Its decimal value is 6402042.

Hex triplet	61affa	`#61affa`
RGB Decimal	97, 175, 250	`rgb(97,175,250)`
RGB Percent	38, 68.6, 98	`rgb(38%,68.6%,98%)`
CMYK	61, 30, 0, 2
HSL	209.4°, 93.9, 68	`hsl(209.4,93.9%,68%)`
HSV (or HSB)	209.4°, 61.2, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.541, -1.957, -44.427
XYZ	37.511, 40.101, 96.201
xyY	0.216, 0.231, 40.101
CIE-LCH	69.541, 44.47, 267.477
CIE-LUV	69.541, -32.626, -71.663
Hunter-Lab	63.325, -5.084, -45.743
Binary	01100001, 10101111, 11111010

#61affa
```
#61affa rgb(97,175,250)
```
#faac61
```
#faac61 rgb(250,172,97)
```

Complementary Color

#61faf9
```
#61faf9 rgb(97,250,249)
```
#61affa
```
#61affa rgb(97,175,250)
```
#6163fa
```
#6163fa rgb(97,99,250)
```

Analogous Color

#faf961
```
#faf961 rgb(250,249,97)
```
#61affa
```
#61affa rgb(97,175,250)
```
#fa6162
```
#fa6162 rgb(250,97,98)
```

Split Complementary Color

#affa61
```
#affa61 rgb(175,250,97)
```
#61affa
```
#61affa rgb(97,175,250)
```
#fa61af
```
#fa61af rgb(250,97,175)
```

Triadic Color

#61faac
```
#61faac rgb(97,250,172)
```
#61affa
```
#61affa rgb(97,175,250)
```
#fa61af
```
#fa61af rgb(250,97,175)
```
#faac61
```
#faac61 rgb(250,172,97)
```

Tetradic Color

#1789f8
```
#1789f8 rgb(23,137,248)
```
#3096f8
```
#3096f8 rgb(48,150,248)
```
#48a2f9
```
#48a2f9 rgb(72,162,249)
```
#61affa
```
#61affa rgb(97,175,250)
```
#7abcfb
```
#7abcfb rgb(122,188,251)
```
#92c8fc
```
#92c8fc rgb(146,200,252)
```
#abd5fc
```
#abd5fc rgb(171,213,252)
```

Monochromatic Color

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

#61d5fa
```
#61d5fa rgb(97,213,250)
```
#61c9fa
```
#61c9fa rgb(97,201,250)
```
#61bcfa
```
#61bcfa rgb(97,188,250)
```
#61affa
```
#61affa rgb(97,175,250)
```
#61a2fa
```
#61a2fa rgb(97,162,250)
```
#6196fa
```
#6196fa rgb(97,150,250)
```
#6189fa
```
#6189fa rgb(97,137,250)
```

Similar Colors

Text with hexadecimal color #61affa

This text has a font color of #61affa.

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

#61affa background color

This paragraph has a background color of #61affa.

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

#61affa border color

This element has a border color of #61affa.

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

CSS codes

.text {color:#61affa;}

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

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

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, #00070d is the darkest color, while #f9fcff is the lightest one.

#00070d
```
#00070d rgb(0,7,13)
```
#011120
```
#011120 rgb(1,17,32)
```
#021b33
```
#021b33 rgb(2,27,51)
```
#022546
```
#022546 rgb(2,37,70)
```
#032f59
```
#032f59 rgb(3,47,89)
```
#03396c
```
#03396c rgb(3,57,108)
```
#04437f
```
#04437f rgb(4,67,127)
```
#054d92
```
#054d92 rgb(5,77,146)
```
#0557a5
```
#0557a5 rgb(5,87,165)
```
#0661b8
```
#0661b8 rgb(6,97,184)
```
#066bcb
```
#066bcb rgb(6,107,203)
```
#0775de
```
#0775de rgb(7,117,222)
```
#087ff1
```
#087ff1 rgb(8,127,241)
```

Shade Color Variation

#1588f8
```
#1588f8 rgb(21,136,248)
```
#2892f8
```
#2892f8 rgb(40,146,248)
```
#3b9cf9
```
#3b9cf9 rgb(59,156,249)
```
#4ea5f9
```
#4ea5f9 rgb(78,165,249)
```
#61affa
```
#61affa rgb(97,175,250)
```
#74b9fb
```
#74b9fb rgb(116,185,251)
```
#87c2fb
```
#87c2fb rgb(135,194,251)
```
#9accfc
```
#9accfc rgb(154,204,252)
```
#add6fc
```
#add6fc rgb(173,214,252)
```
#c0dffd
```
#c0dffd rgb(192,223,253)
```
#d3e9fe
```
#d3e9fe rgb(211,233,254)
```
#e6f2fe
```
#e6f2fe rgb(230,242,254)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

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

#acaeaf
```
#acaeaf rgb(172,174,175)
```
#a6aeb5
```
#a6aeb5 rgb(166,174,181)
```
#a0aebb
```
#a0aebb rgb(160,174,187)
```
#99aec2
```
#99aec2 rgb(153,174,194)
```
#93aec8
```
#93aec8 rgb(147,174,200)
```
#8daece
```
#8daece rgb(141,174,206)
```
#87aed4
```
#87aed4 rgb(135,174,212)
```
#80aedb
```
#80aedb rgb(128,174,219)
```
#7aafe1
```
#7aafe1 rgb(122,175,225)
```
#74afe7
```
#74afe7 rgb(116,175,231)
```
#6eafed
```
#6eafed rgb(110,175,237)
```
#67aff4
```
#67aff4 rgb(103,175,244)
```
#61affa
```
#61affa rgb(97,175,250)
```

Tone Color Variation

Below, you can see how #61affa 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
#93a3b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94abf4 Protanopia 1% of men
#86adfc Deuteranopia 1% of men
#4abcca Tritanopia 0.001% of the population

Trichromacy

#81acf6 Protanomaly 1% of men, 0.01% of women
#79aefb Deuteranomaly 6% of men, 0.4% of women
#52b7db Tritanomaly 0.01% of the population

#61affa hex color

#61affa Color Information

#61affa Color Conversion

Color Schemes with #61affa

Alternatives to #61affa

#61affa Preview

Shades and Tints of #61affa

Tones of #61affa

Color Blindness Simulator