#61bdfd hex color

In a RGB color space, hex #61bdfd is composed of 38% red, 74.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 25.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 204.6 degrees, a saturation of 97.5% and a lightness of 68.6%. #61bdfd color hex could be obtained by blending #c2ffff with #007bfb. Closest websafe color is: #66ccff.

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

● #61bdfd color description : Soft blue.

The hexadecimal color #61bdfd has RGB values of R:97, G:189, B:253 and CMYK values of C:0.62, M:0.25, Y:0, K:0.01. Its decimal value is 6405629.

Hex triplet	61bdfd	`#61bdfd`
RGB Decimal	97, 189, 253	`rgb(97,189,253)`
RGB Percent	38, 74.1, 99.2	`rgb(38%,74.1%,99.2%)`
CMYK	62, 25, 0, 1
HSL	204.6°, 97.5, 68.6	`hsl(204.6,97.5%,68.6%)`
HSV (or HSB)	204.6°, 61.7, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.562, -8.705, -39.764
XYZ	40.853, 46.026, 99.654
xyY	0.219, 0.247, 46.026
CIE-LCH	73.562, 40.706, 257.651
CIE-LUV	73.562, -37.506, -63.354
Hunter-Lab	67.842, -11.236, -39.602
Binary	01100001, 10111101, 11111101

#61bdfd
```
#61bdfd rgb(97,189,253)
```
#fda161
```
#fda161 rgb(253,161,97)
```

Complementary Color

#61fdef
```
#61fdef rgb(97,253,239)
```
#61bdfd
```
#61bdfd rgb(97,189,253)
```
#616ffd
```
#616ffd rgb(97,111,253)
```

Analogous Color

#fdef61
```
#fdef61 rgb(253,239,97)
```
#61bdfd
```
#61bdfd rgb(97,189,253)
```
#fd616f
```
#fd616f rgb(253,97,111)
```

Split Complementary Color

#bdfd61
```
#bdfd61 rgb(189,253,97)
```
#61bdfd
```
#61bdfd rgb(97,189,253)
```
#fd61bd
```
#fd61bd rgb(253,97,189)
```

Triadic Color

#61fda1
```
#61fda1 rgb(97,253,161)
```
#61bdfd
```
#61bdfd rgb(97,189,253)
```
#fd61bd
```
#fd61bd rgb(253,97,189)
```
#fda161
```
#fda161 rgb(253,161,97)
```

Tetradic Color

#159dfc
```
#159dfc rgb(21,157,252)
```
#2fa8fc
```
#2fa8fc rgb(47,168,252)
```
#48b2fd
```
#48b2fd rgb(72,178,253)
```
#61bdfd
```
#61bdfd rgb(97,189,253)
```
#7ac8fd
```
#7ac8fd rgb(122,200,253)
```
#93d2fe
```
#93d2fe rgb(147,210,254)
```
#adddfe
```
#adddfe rgb(173,221,254)
```

Monochromatic Color

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

#61e4fd
```
#61e4fd rgb(97,228,253)
```
#61d7fd
```
#61d7fd rgb(97,215,253)
```
#61cafd
```
#61cafd rgb(97,202,253)
```
#61bdfd
```
#61bdfd rgb(97,189,253)
```
#61b0fd
```
#61b0fd rgb(97,176,253)
```
#61a3fd
```
#61a3fd rgb(97,163,253)
```
#6196fd
```
#6196fd rgb(97,150,253)
```

Similar Colors

Text with hexadecimal color #61bdfd

This text has a font color of #61bdfd.

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

#61bdfd background color

This paragraph has a background color of #61bdfd.

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

#61bdfd border color

This element has a border color of #61bdfd.

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

CSS codes

.text {color:#61bdfd;}

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

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

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, #000a10 is the darkest color, while #fcfeff is the lightest one.

#000a10
```
#000a10 rgb(0,10,16)
```
#001524
```
#001524 rgb(0,21,36)
```
#012137
```
#012137 rgb(1,33,55)
```
#012c4a
```
#012c4a rgb(1,44,74)
```
#01385e
```
#01385e rgb(1,56,94)
```
#014371
```
#014371 rgb(1,67,113)
```
#024f85
```
#024f85 rgb(2,79,133)
```
#025a98
```
#025a98 rgb(2,90,152)
```
#0266ab
```
#0266ab rgb(2,102,171)
```
#0271bf
```
#0271bf rgb(2,113,191)
```
#037dd2
```
#037dd2 rgb(3,125,210)
```
#0388e5
```
#0388e5 rgb(3,136,229)
```
#0394f9
```
#0394f9 rgb(3,148,249)
```

Shade Color Variation

#149dfc
```
#149dfc rgb(20,157,252)
```
#27a5fc
```
#27a5fc rgb(39,165,252)
```
#3aadfd
```
#3aadfd rgb(58,173,253)
```
#4eb5fd
```
#4eb5fd rgb(78,181,253)
```
#61bdfd
```
#61bdfd rgb(97,189,253)
```
#74c5fd
```
#74c5fd rgb(116,197,253)
```
#88cdfd
```
#88cdfd rgb(136,205,253)
```
#9bd5fe
```
#9bd5fe rgb(155,213,254)
```
#aeddfe
```
#aeddfe rgb(174,221,254)
```
#c2e5fe
```
#c2e5fe rgb(194,229,254)
```
#d5eefe
```
#d5eefe rgb(213,238,254)
```
#e9f6ff
```
#e9f6ff rgb(233,246,255)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#abb0b3
```
#abb0b3 rgb(171,176,179)
```
#a5b1b9
```
#a5b1b9 rgb(165,177,185)
```
#9fb2bf
```
#9fb2bf rgb(159,178,191)
```
#98b3c6
```
#98b3c6 rgb(152,179,198)
```
#92b4cc
```
#92b4cc rgb(146,180,204)
```
#8cb5d2
```
#8cb5d2 rgb(140,181,210)
```
#86b6d8
```
#86b6d8 rgb(134,182,216)
```
#80b7de
```
#80b7de rgb(128,183,222)
```
#7ab9e4
```
#7ab9e4 rgb(122,185,228)
```
#73baeb
```
#73baeb rgb(115,186,235)
```
#6dbbf1
```
#6dbbf1 rgb(109,187,241)
```
#67bcf7
```
#67bcf7 rgb(103,188,247)
```
#61bdfd
```
#61bdfd rgb(97,189,253)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#9badba Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4b6f6 Protanopia 1% of men
#9bb7ff Deuteranopia 1% of men
#50c7d6 Tritanopia 0.001% of the population

Trichromacy

#8bb8f8 Protanomaly 1% of men, 0.01% of women
#86b9fe Deuteranomaly 6% of men, 0.4% of women
#56c3e4 Tritanomaly 0.01% of the population

#61bdfd hex color

#61bdfd Color Information

#61bdfd Color Conversion

Color Schemes with #61bdfd

Alternatives to #61bdfd

#61bdfd Preview

Shades and Tints of #61bdfd

Tones of #61bdfd

Color Blindness Simulator