#61bdf1 hex color

In a RGB color space, hex #61bdf1 is composed of 38% red, 74.1% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 21.6% magenta, 0% yellow and 5.5% black. It has a hue angle of 201.7 degrees, a saturation of 83.7% and a lightness of 66.3%. #61bdf1 color hex could be obtained by blending #c2ffff with #007be3. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 38
- G 74
- B 95
RGB color chart
- C 60
- M 22
- Y 0
- K 5
CMYK color chart

● #61bdf1 color description : Soft blue.

The hexadecimal color #61bdf1 has RGB values of R:97, G:189, B:241 and CMYK values of C:0.6, M:0.22, Y:0, K:0.05. Its decimal value is 6405617.

Hex triplet	61bdf1	`#61bdf1`
RGB Decimal	97, 189, 241	`rgb(97,189,241)`
RGB Percent	38, 74.1, 94.5	`rgb(38%,74.1%,94.5%)`
CMYK	60, 22, 0, 5
HSL	201.7°, 83.7, 66.3	`hsl(201.7,83.7%,66.3%)`
HSV (or HSB)	201.7°, 59.8, 94.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.079, -12.414, -34.043
XYZ	39.001, 45.285, 89.9
xyY	0.224, 0.26, 45.285
CIE-LCH	73.079, 36.236, 249.966
CIE-LUV	73.079, -37.942, -53.022
Hunter-Lab	67.294, -14.314, -32.101
Binary	01100001, 10111101, 11110001

#61bdf1
```
#61bdf1 rgb(97,189,241)
```
#f19561
```
#f19561 rgb(241,149,97)
```

Complementary Color

#61f1dd
```
#61f1dd rgb(97,241,221)
```
#61bdf1
```
#61bdf1 rgb(97,189,241)
```
#6175f1
```
#6175f1 rgb(97,117,241)
```

Analogous Color

#f1dd61
```
#f1dd61 rgb(241,221,97)
```
#61bdf1
```
#61bdf1 rgb(97,189,241)
```
#f16175
```
#f16175 rgb(241,97,117)
```

Split Complementary Color

#bdf161
```
#bdf161 rgb(189,241,97)
```
#61bdf1
```
#61bdf1 rgb(97,189,241)
```
#f161bd
```
#f161bd rgb(241,97,189)
```

Triadic Color

#61f195
```
#61f195 rgb(97,241,149)
```
#61bdf1
```
#61bdf1 rgb(97,189,241)
```
#f161bd
```
#f161bd rgb(241,97,189)
```
#f19561
```
#f19561 rgb(241,149,97)
```

Tetradic Color

#1ba0eb
```
#1ba0eb rgb(27,160,235)
```
#32a9ed
```
#32a9ed rgb(50,169,237)
```
#4ab3ef
```
#4ab3ef rgb(74,179,239)
```
#61bdf1
```
#61bdf1 rgb(97,189,241)
```
#78c7f3
```
#78c7f3 rgb(120,199,243)
```
#90d1f5
```
#90d1f5 rgb(144,209,245)
```
#a7daf7
```
#a7daf7 rgb(167,218,247)
```

Monochromatic Color

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

#61e1f1
```
#61e1f1 rgb(97,225,241)
```
#61d5f1
```
#61d5f1 rgb(97,213,241)
```
#61c9f1
```
#61c9f1 rgb(97,201,241)
```
#61bdf1
```
#61bdf1 rgb(97,189,241)
```
#61b1f1
```
#61b1f1 rgb(97,177,241)
```
#61a5f1
```
#61a5f1 rgb(97,165,241)
```
#6199f1
```
#6199f1 rgb(97,153,241)
```

Similar Colors

Text with hexadecimal color #61bdf1

This text has a font color of #61bdf1.

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

#61bdf1 background color

This paragraph has a background color of #61bdf1.

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

#61bdf1 border color

This element has a border color of #61bdf1.

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

CSS codes

.text {color:#61bdf1;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#020f16
```
#020f16 rgb(2,15,22)
```
#041b28
```
#041b28 rgb(4,27,40)
```
#05273a
```
#05273a rgb(5,39,58)
```
#07334c
```
#07334c rgb(7,51,76)
```
#083f5e
```
#083f5e rgb(8,63,94)
```
#0a4b70
```
#0a4b70 rgb(10,75,112)
```
#0c5782
```
#0c5782 rgb(12,87,130)
```
#0d6494
```
#0d6494 rgb(13,100,148)
```
#0f70a6
```
#0f70a6 rgb(15,112,166)
```
#107cb8
```
#107cb8 rgb(16,124,184)
```
#1288ca
```
#1288ca rgb(18,136,202)
```
#1494dc
```
#1494dc rgb(20,148,220)
```

Shade Color Variation

#199feb
```
#199feb rgb(25,159,235)
```
#2ba6ec
```
#2ba6ec rgb(43,166,236)
```
#3daeee
```
#3daeee rgb(61,174,238)
```
#4fb5ef
```
#4fb5ef rgb(79,181,239)
```
#61bdf1
```
#61bdf1 rgb(97,189,241)
```
#73c5f3
```
#73c5f3 rgb(115,197,243)
```
#85ccf4
```
#85ccf4 rgb(133,204,244)
```
#97d4f6
```
#97d4f6 rgb(151,212,246)
```
#a9dbf7
```
#a9dbf7 rgb(169,219,247)
```
#bbe3f9
```
#bbe3f9 rgb(187,227,249)
```
#cdeafb
```
#cdeafb rgb(205,234,251)
```
#dff2fc
```
#dff2fc rgb(223,242,252)
```
#f1f9fe
```
#f1f9fe rgb(241,249,254)
```

Tint Color Variation

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

#a3abaf
```
#a3abaf rgb(163,171,175)
```
#9dacb5
```
#9dacb5 rgb(157,172,181)
```
#96aebc
```
#96aebc rgb(150,174,188)
```
#8fb0c3
```
#8fb0c3 rgb(143,176,195)
```
#89b2c9
```
#89b2c9 rgb(137,178,201)
```
#82b4d0
```
#82b4d0 rgb(130,180,208)
```
#7bb6d7
```
#7bb6d7 rgb(123,182,215)
```
#75b7dd
```
#75b7dd rgb(117,183,221)
```
#6eb9e4
```
#6eb9e4 rgb(110,185,228)
```
#68bbea
```
#68bbea rgb(104,187,234)
```
#61bdf1
```
#61bdf1 rgb(97,189,241)
```
#5abff8
```
#5abff8 rgb(90,191,248)
```
#54c1fe
```
#54c1fe rgb(84,193,254)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#99abb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b5ea Protanopia 1% of men
#a1b5f6 Deuteranopia 1% of men
#58c5d4 Tritanopia 0.001% of the population

Trichromacy

#8eb8ec Protanomaly 1% of men, 0.01% of women
#8ab8f4 Deuteranomaly 6% of men, 0.4% of women
#5bc2de Tritanomaly 0.01% of the population

#61bdf1 hex color

#61bdf1 Color Information

#61bdf1 Color Conversion

Color Schemes with #61bdf1

Alternatives to #61bdf1

#61bdf1 Preview

Shades and Tints of #61bdf1

Tones of #61bdf1

Color Blindness Simulator