colorhexa.com

#61b4d5 hex color

In a RGB color space, hex #61b4d5 is composed of 38% red, 70.6% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 15.5% magenta, 0% yellow and 16.5% black. It has a hue angle of 197.1 degrees, a saturation of 58% and a lightness of 60.8%. #61b4d5 color hex could be obtained by blending #c2ffff with #0069ab. Closest websafe color is: #66cccc.

- R 38
- G 71
- B 84
RGB color chart
- C 54
- M 15
- Y 0
- K 16
CMYK color chart

● #61b4d5 color description : Moderate blue.

The hexadecimal color #61b4d5 has RGB values of R:97, G:180, B:213 and CMYK values of C:0.54, M:0.15, Y:0, K:0.16. Its decimal value is 6403285.

Hex triplet	61b4d5	`#61b4d5`
RGB Decimal	97, 180, 213	`rgb(97,180,213)`
RGB Percent	38, 70.6, 83.5	`rgb(38%,70.6%,83.5%)`
CMYK	54, 15, 0, 16
HSL	197.1°, 58, 60.8	`hsl(197.1,58%,60.8%)`
HSV (or HSB)	197.1°, 54.5, 83.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.459, -16.024, -24.372
XYZ	33.258, 39.986, 68.913
xyY	0.234, 0.281, 39.986
CIE-LCH	69.459, 29.167, 236.676
CIE-LUV	69.459, -35.601, -35.944
Hunter-Lab	63.234, -16.778, -20.35
Binary	01100001, 10110100, 11010101

#61b4d5
```
#61b4d5 rgb(97,180,213)
```
#d58261
```
#d58261 rgb(213,130,97)
```

Complementary Color

#61d5bc
```
#61d5bc rgb(97,213,188)
```
#61b4d5
```
#61b4d5 rgb(97,180,213)
```
#617ad5
```
#617ad5 rgb(97,122,213)
```

Analogous Color

#d5bc61
```
#d5bc61 rgb(213,188,97)
```
#61b4d5
```
#61b4d5 rgb(97,180,213)
```
#d5617a
```
#d5617a rgb(213,97,122)
```

Split Complementary Color

#b4d561
```
#b4d561 rgb(180,213,97)
```
#61b4d5
```
#61b4d5 rgb(97,180,213)
```
#d561b4
```
#d561b4 rgb(213,97,180)
```

Triadic Color

#61d582
```
#61d582 rgb(97,213,130)
```
#61b4d5
```
#61b4d5 rgb(97,180,213)
```
#d561b4
```
#d561b4 rgb(213,97,180)
```
#d58261
```
#d58261 rgb(213,130,97)
```

Tetradic Color

#3192b8
```
#3192b8 rgb(49,146,184)
```
#39a1ca
```
#39a1ca rgb(57,161,202)
```
#4daad0
```
#4daad0 rgb(77,170,208)
```
#61b4d5
```
#61b4d5 rgb(97,180,213)
```
#75beda
```
#75beda rgb(117,190,218)
```
#89c7e0
```
#89c7e0 rgb(137,199,224)
```
#9dd1e5
```
#9dd1e5 rgb(157,209,229)
```

Monochromatic Color

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

#61d1d5
```
#61d1d5 rgb(97,209,213)
```
#61c7d5
```
#61c7d5 rgb(97,199,213)
```
#61bed5
```
#61bed5 rgb(97,190,213)
```
#61b4d5
```
#61b4d5 rgb(97,180,213)
```
#61aad5
```
#61aad5 rgb(97,170,213)
```
#61a1d5
```
#61a1d5 rgb(97,161,213)
```
#6197d5
```
#6197d5 rgb(97,151,213)
```

Similar Colors

Text with hexadecimal color #61b4d5

This text has a font color of #61b4d5.

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

#61b4d5 background color

This paragraph has a background color of #61b4d5.

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

#61b4d5 border color

This element has a border color of #61b4d5.

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

CSS codes

.text {color:#61b4d5;}

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

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

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, #030a0c is the darkest color, while #fcfefe is the lightest one.

#030a0c
```
#030a0c rgb(3,10,12)
```
#07161c
```
#07161c rgb(7,22,28)
```
#0c222b
```
#0c222b rgb(12,34,43)
```
#102f3b
```
#102f3b rgb(16,47,59)
```
#143b4a
```
#143b4a rgb(20,59,74)
```
#18475a
```
#18475a rgb(24,71,90)
```
#1c5369
```
#1c5369 rgb(28,83,105)
```
#206079
```
#206079 rgb(32,96,121)
```
#246c88
```
#246c88 rgb(36,108,136)
```
#287898
```
#287898 rgb(40,120,152)
```
#2d84a7
```
#2d84a7 rgb(45,132,167)
```
#3191b7
```
#3191b7 rgb(49,145,183)
```
#359dc6
```
#359dc6 rgb(53,157,198)
```

Shade Color Variation

#42a5cd
```
#42a5cd rgb(66,165,205)
```
#52add1
```
#52add1 rgb(82,173,209)
```
#61b4d5
```
#61b4d5 rgb(97,180,213)
```
#70bbd9
```
#70bbd9 rgb(112,187,217)
```
#80c3dd
```
#80c3dd rgb(128,195,221)
```
#8fcae1
```
#8fcae1 rgb(143,202,225)
```
#9fd1e5
```
#9fd1e5 rgb(159,209,229)
```
#aed9ea
```
#aed9ea rgb(174,217,234)
```
#bee0ee
```
#bee0ee rgb(190,224,238)
```
#cde7f2
```
#cde7f2 rgb(205,231,242)
```
#ddeff6
```
#ddeff6 rgb(221,239,246)
```
#ecf6fa
```
#ecf6fa rgb(236,246,250)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979d9f is the less saturated color, while #3bc5fb is the most saturated one.

#979d9f
```
#979d9f rgb(151,157,159)
```
#8fa0a7
```
#8fa0a7 rgb(143,160,167)
```
#87a3af
```
#87a3af rgb(135,163,175)
```
#80a7b6
```
#80a7b6 rgb(128,167,182)
```
#78aabe
```
#78aabe rgb(120,170,190)
```
#70adc6
```
#70adc6 rgb(112,173,198)
```
#69b1cd
```
#69b1cd rgb(105,177,205)
```
#61b4d5
```
#61b4d5 rgb(97,180,213)
```
#59b7dd
```
#59b7dd rgb(89,183,221)
```
#52bbe4
```
#52bbe4 rgb(82,187,228)
```
#4abeec
```
#4abeec rgb(74,190,236)
```
#42c1f4
```
#42c1f4 rgb(66,193,244)
```
#3bc5fb
```
#3bc5fb rgb(59,197,251)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#93a3aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5acd0 Protanopia 1% of men
#a4abdb Deuteranopia 1% of men
#62bac8 Tritanopia 0.001% of the population

Trichromacy

#8cafd1 Protanomaly 1% of men, 0.01% of women
#8baed9 Deuteranomaly 6% of men, 0.4% of women
#61b8cc Tritanomaly 0.01% of the population