#61d4f2 hex color

In a RGB color space, hex #61d4f2 is composed of 38% red, 83.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 59.9% cyan, 12.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 192.4 degrees, a saturation of 84.8% and a lightness of 66.5%. #61d4f2 color hex could be obtained by blending #c2ffff with #00a9e5. Closest websafe color is: #66ccff.

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

● #61d4f2 color description : Soft cyan.

The hexadecimal color #61d4f2 has RGB values of R:97, G:212, B:242 and CMYK values of C:0.6, M:0.12, Y:0, K:0.05. Its decimal value is 6411506.

Hex triplet	61d4f2	`#61d4f2`
RGB Decimal	97, 212, 242	`rgb(97,212,242)`
RGB Percent	38, 83.1, 94.9	`rgb(38%,83.1%,94.9%)`
CMYK	60, 12, 0, 5
HSL	192.4°, 84.8, 66.5	`hsl(192.4,84.8%,66.5%)`
HSV (or HSB)	192.4°, 59.9, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.634, -23.979, -24.513
XYZ	44.496, 56.036, 92.471
xyY	0.231, 0.29, 56.036
CIE-LCH	79.634, 34.291, 225.631
CIE-LUV	79.634, -46.305, -35.706
Hunter-Lab	74.857, -24.897, -20.841
Binary	01100001, 11010100, 11110010

#61d4f2
```
#61d4f2 rgb(97,212,242)
```
#f27f61
```
#f27f61 rgb(242,127,97)
```

Complementary Color

#61f2c8
```
#61f2c8 rgb(97,242,200)
```
#61d4f2
```
#61d4f2 rgb(97,212,242)
```
#618cf2
```
#618cf2 rgb(97,140,242)
```

Analogous Color

#f2c861
```
#f2c861 rgb(242,200,97)
```
#61d4f2
```
#61d4f2 rgb(97,212,242)
```
#f2618c
```
#f2618c rgb(242,97,140)
```

Split Complementary Color

#d4f261
```
#d4f261 rgb(212,242,97)
```
#61d4f2
```
#61d4f2 rgb(97,212,242)
```
#f261d4
```
#f261d4 rgb(242,97,212)
```

Triadic Color

#61f27f
```
#61f27f rgb(97,242,127)
```
#61d4f2
```
#61d4f2 rgb(97,212,242)
```
#f261d4
```
#f261d4 rgb(242,97,212)
```
#f27f61
```
#f27f61 rgb(242,127,97)
```

Tetradic Color

#1ac1ec
```
#1ac1ec rgb(26,193,236)
```
#32c7ee
```
#32c7ee rgb(50,199,238)
```
#49cef0
```
#49cef0 rgb(73,206,240)
```
#61d4f2
```
#61d4f2 rgb(97,212,242)
```
#79daf4
```
#79daf4 rgb(121,218,244)
```
#90e1f6
```
#90e1f6 rgb(144,225,246)
```
#a8e7f8
```
#a8e7f8 rgb(168,231,248)
```

Monochromatic Color

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

#61f2ec
```
#61f2ec rgb(97,242,236)
```
#61ecf2
```
#61ecf2 rgb(97,236,242)
```
#61e0f2
```
#61e0f2 rgb(97,224,242)
```
#61d4f2
```
#61d4f2 rgb(97,212,242)
```
#61c8f2
```
#61c8f2 rgb(97,200,242)
```
#61bcf2
```
#61bcf2 rgb(97,188,242)
```
#61b0f2
```
#61b0f2 rgb(97,176,242)
```

Similar Colors

Text with hexadecimal color #61d4f2

This text has a font color of #61d4f2.

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

#61d4f2 background color

This paragraph has a background color of #61d4f2.

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

#61d4f2 border color

This element has a border color of #61d4f2.

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

CSS codes

.text {color:#61d4f2;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#021317
```
#021317 rgb(2,19,23)
```
#032229
```
#032229 rgb(3,34,41)
```
#05303b
```
#05303b rgb(5,48,59)
```
#063f4e
```
#063f4e rgb(6,63,78)
```
#084e60
```
#084e60 rgb(8,78,96)
```
#095c72
```
#095c72 rgb(9,92,114)
```
#0b6b84
```
#0b6b84 rgb(11,107,132)
```
#0c7a96
```
#0c7a96 rgb(12,122,150)
```
#0e88a8
```
#0e88a8 rgb(14,136,168)
```
#0f97ba
```
#0f97ba rgb(15,151,186)
```
#11a6cc
```
#11a6cc rgb(17,166,204)
```
#12b4df
```
#12b4df rgb(18,180,223)
```

Shade Color Variation

#19c0ec
```
#19c0ec rgb(25,192,236)
```
#2bc5ee
```
#2bc5ee rgb(43,197,238)
```
#3dcaef
```
#3dcaef rgb(61,202,239)
```
#4fcff1
```
#4fcff1 rgb(79,207,241)
```
#61d4f2
```
#61d4f2 rgb(97,212,242)
```
#73d9f3
```
#73d9f3 rgb(115,217,243)
```
#85def5
```
#85def5 rgb(133,222,245)
```
#97e3f6
```
#97e3f6 rgb(151,227,246)
```
#a9e8f8
```
#a9e8f8 rgb(169,232,248)
```
#bcedf9
```
#bcedf9 rgb(188,237,249)
```
#cef2fb
```
#cef2fb rgb(206,242,251)
```
#e0f7fc
```
#e0f7fc rgb(224,247,252)
```
#f2fbfe
```
#f2fbfe rgb(242,251,254)
```

Tint Color Variation

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

#a9aaaa
```
#a9aaaa rgb(169,170,170)
```
#a3adb0
```
#a3adb0 rgb(163,173,176)
```
#9cb1b7
```
#9cb1b7 rgb(156,177,183)
```
#96b5bd
```
#96b5bd rgb(150,181,189)
```
#8fb9c4
```
#8fb9c4 rgb(143,185,196)
```
#88bdcb
```
#88bdcb rgb(136,189,203)
```
#82c1d1
```
#82c1d1 rgb(130,193,209)
```
#7bc5d8
```
#7bc5d8 rgb(123,197,216)
```
#75c8de
```
#75c8de rgb(117,200,222)
```
#6ecce5
```
#6ecce5 rgb(110,204,229)
```
#68d0eb
```
#68d0eb rgb(104,208,235)
```
#61d4f2
```
#61d4f2 rgb(97,212,242)
```
#5ad8f9
```
#5ad8f9 rgb(90,216,249)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#a4bbc1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c6e9 Protanopia 1% of men
#bfc4f9 Deuteranopia 1% of men
#63d8e7 Tritanopia 0.001% of the population

Trichromacy

#9ecbec Protanomaly 1% of men, 0.01% of women
#9dcaf6 Deuteranomaly 6% of men, 0.4% of women
#62d6eb Tritanomaly 0.01% of the population

#61d4f2 hex color

#61d4f2 Color Information

#61d4f2 Color Conversion

Color Schemes with #61d4f2

Alternatives to #61d4f2

#61d4f2 Preview

Shades and Tints of #61d4f2

Tones of #61d4f2

Color Blindness Simulator