#7addf8 hex color

In a RGB color space, hex #7addf8 is composed of 47.8% red, 86.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 10.9% magenta, 0% yellow and 2.7% black. It has a hue angle of 192.9 degrees, a saturation of 90% and a lightness of 72.5%. #7addf8 color hex could be obtained by blending #f4ffff with #00bbf1. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 48
- G 87
- B 97
RGB color chart
- C 51
- M 11
- Y 0
- K 3
CMYK color chart

● #7addf8 color description : Soft cyan.

The hexadecimal color #7addf8 has RGB values of R:122, G:221, B:248 and CMYK values of C:0.51, M:0.11, Y:0, K:0.03. Its decimal value is 8052216.

Hex triplet	7addf8	`#7addf8`
RGB Decimal	122, 221, 248	`rgb(122,221,248)`
RGB Percent	47.8, 86.7, 97.3	`rgb(47.8%,86.7%,97.3%)`
CMYK	51, 11, 0, 3
HSL	192.9°, 90, 72.5	`hsl(192.9,90%,72.5%)`
HSV (or HSB)	192.9°, 50.8, 97.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	83.244, -21.952, -22.129
XYZ	50.821, 62.624, 98.211
xyY	0.24, 0.296, 62.624
CIE-LCH	83.244, 31.17, 225.23
CIE-LUV	83.244, -42.875, -32.098
Hunter-Lab	79.136, -23.854, -18.187
Binary	01111010, 11011101, 11111000

#7addf8
```
#7addf8 rgb(122,221,248)
```
#f8957a
```
#f8957a rgb(248,149,122)
```

Complementary Color

#7af8d4
```
#7af8d4 rgb(122,248,212)
```
#7addf8
```
#7addf8 rgb(122,221,248)
```
#7a9ef8
```
#7a9ef8 rgb(122,158,248)
```

Analogous Color

#f8d47a
```
#f8d47a rgb(248,212,122)
```
#7addf8
```
#7addf8 rgb(122,221,248)
```
#f87a9e
```
#f87a9e rgb(248,122,158)
```

Split Complementary Color

#ddf87a
```
#ddf87a rgb(221,248,122)
```
#7addf8
```
#7addf8 rgb(122,221,248)
```
#f87add
```
#f87add rgb(248,122,221)
```

Triadic Color

#7af895
```
#7af895 rgb(122,248,149)
```
#7addf8
```
#7addf8 rgb(122,221,248)
```
#f87add
```
#f87add rgb(248,122,221)
```
#f8957a
```
#f8957a rgb(248,149,122)
```

Tetradic Color

#31caf4
```
#31caf4 rgb(49,202,244)
```
#4ad1f5
```
#4ad1f5 rgb(74,209,245)
```
#62d7f7
```
#62d7f7 rgb(98,215,247)
```
#7addf8
```
#7addf8 rgb(122,221,248)
```
#92e3f9
```
#92e3f9 rgb(146,227,249)
```
#aae9fb
```
#aae9fb rgb(170,233,251)
```
#c3f0fc
```
#c3f0fc rgb(195,240,252)
```

Monochromatic Color

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

#7af8f4
```
#7af8f4 rgb(122,248,244)
```
#7af2f8
```
#7af2f8 rgb(122,242,248)
```
#7ae8f8
```
#7ae8f8 rgb(122,232,248)
```
#7addf8
```
#7addf8 rgb(122,221,248)
```
#7ad3f8
```
#7ad3f8 rgb(122,211,248)
```
#7ac8f8
```
#7ac8f8 rgb(122,200,248)
```
#7abef8
```
#7abef8 rgb(122,190,248)
```

Similar Colors

Text with hexadecimal color #7addf8

This text has a font color of #7addf8.

<span style="color:#7addf8;">Text here</span>

#7addf8 background color

This paragraph has a background color of #7addf8.

<p style="background-color:#7addf8;">Content here</p>

#7addf8 border color

This element has a border color of #7addf8.

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

CSS codes

.text {color:#7addf8;}

.background {background-color:#7addf8;}

.border {border:1px solid #7addf8;}

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

#010d10
```
#010d10 rgb(1,13,16)
```
#021c23
```
#021c23 rgb(2,28,35)
```
#032b35
```
#032b35 rgb(3,43,53)
```
#043948
```
#043948 rgb(4,57,72)
```
#05485b
```
#05485b rgb(5,72,91)
```
#06576d
```
#06576d rgb(6,87,109)
```
#076680
```
#076680 rgb(7,102,128)
```
#087593
```
#087593 rgb(8,117,147)
```
#0984a5
```
#0984a5 rgb(9,132,165)
```
#0a92b8
```
#0a92b8 rgb(10,146,184)
```
#0ba1ca
```
#0ba1ca rgb(11,161,202)
```
#0cb0dd
```
#0cb0dd rgb(12,176,221)
```
#0dbff0
```
#0dbff0 rgb(13,191,240)
```

Shade Color Variation

#1dc5f3
```
#1dc5f3 rgb(29,197,243)
```
#2fcaf4
```
#2fcaf4 rgb(47,202,244)
```
#42cff5
```
#42cff5 rgb(66,207,245)
```
#55d3f6
```
#55d3f6 rgb(85,211,246)
```
#67d8f7
```
#67d8f7 rgb(103,216,247)
```
#7addf8
```
#7addf8 rgb(122,221,248)
```
#8de2f9
```
#8de2f9 rgb(141,226,249)
```
#9fe7fa
```
#9fe7fa rgb(159,231,250)
```
#b2ebfb
```
#b2ebfb rgb(178,235,251)
```
#c5f0fc
```
#c5f0fc rgb(197,240,252)
```
#d7f5fd
```
#d7f5fd rgb(215,245,253)
```
#eafafe
```
#eafafe rgb(234,250,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#b5bbbd
```
#b5bbbd rgb(181,187,189)
```
#b0bec2
```
#b0bec2 rgb(176,190,194)
```
#aac1c8
```
#aac1c8 rgb(170,193,200)
```
#a5c4cd
```
#a5c4cd rgb(165,196,205)
```
#a0c7d2
```
#a0c7d2 rgb(160,199,210)
```
#9acbd8
```
#9acbd8 rgb(154,203,216)
```
#95cedd
```
#95cedd rgb(149,206,221)
```
#90d1e2
```
#90d1e2 rgb(144,209,226)
```
#8ad4e8
```
#8ad4e8 rgb(138,212,232)
```
#85d7ed
```
#85d7ed rgb(133,215,237)
```
#7fdaf3
```
#7fdaf3 rgb(127,218,243)
```
#7addf8
```
#7addf8 rgb(122,221,248)
```
#75e0fd
```
#75e0fd rgb(117,224,253)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#b4c7cd Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbd0ef Protanopia 1% of men
#cdcdfe Deuteranopia 1% of men
#7de0f0 Tritanopia 0.001% of the population

Trichromacy

#aed4f2 Protanomaly 1% of men, 0.01% of women
#aed3fc Deuteranomaly 6% of men, 0.4% of women
#7cdef3 Tritanomaly 0.01% of the population

#7addf8 hex color

#7addf8 Color Information

#7addf8 Color Conversion

Color Schemes with #7addf8

Alternatives to #7addf8

#7addf8 Preview

Shades and Tints of #7addf8

Tones of #7addf8

Color Blindness Simulator