#add7f2 hex color

In a RGB color space, hex #add7f2 is composed of 67.8% red, 84.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 28.5% cyan, 11.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 203.5 degrees, a saturation of 72.6% and a lightness of 81.4%. #add7f2 color hex could be obtained by blending #ffffff with #5bafe5. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 68
- G 84
- B 95
RGB color chart
- C 29
- M 11
- Y 0
- K 5
CMYK color chart

● #add7f2 color description : Very soft blue.

The hexadecimal color #add7f2 has RGB values of R:173, G:215, B:242 and CMYK values of C:0.29, M:0.11, Y:0, K:0.05. Its decimal value is 11393010.

Hex triplet	add7f2	`#add7f2`
RGB Decimal	173, 215, 242	`rgb(173,215,242)`
RGB Percent	67.8, 84.3, 94.9	`rgb(67.8%,84.3%,94.9%)`
CMYK	29, 11, 0, 5
HSL	203.5°, 72.6, 81.4	`hsl(203.5,72.6%,81.4%)`
HSV (or HSB)	203.5°, 28.5, 94.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	83.911, -7.632, -17.704
XYZ	57.557, 63.894, 93.3
xyY	0.268, 0.298, 63.894
CIE-LCH	83.911, 19.279, 246.678
CIE-LUV	83.911, -22.008, -26.815
Hunter-Lab	79.934, -11.353, -13.25
Binary	10101101, 11010111, 11110010

#add7f2
```
#add7f2 rgb(173,215,242)
```
#f2c8ad
```
#f2c8ad rgb(242,200,173)
```

Complementary Color

#adf2eb
```
#adf2eb rgb(173,242,235)
```
#add7f2
```
#add7f2 rgb(173,215,242)
```
#adb5f2
```
#adb5f2 rgb(173,181,242)
```

Analogous Color

#f2ebad
```
#f2ebad rgb(242,235,173)
```
#add7f2
```
#add7f2 rgb(173,215,242)
```
#f2adb5
```
#f2adb5 rgb(242,173,181)
```

Split Complementary Color

#d7f2ad
```
#d7f2ad rgb(215,242,173)
```
#add7f2
```
#add7f2 rgb(173,215,242)
```
#f2add7
```
#f2add7 rgb(242,173,215)
```

Triadic Color

#adf2c8
```
#adf2c8 rgb(173,242,200)
```
#add7f2
```
#add7f2 rgb(173,215,242)
```
#f2add7
```
#f2add7 rgb(242,173,215)
```
#f2c8ad
```
#f2c8ad rgb(242,200,173)
```

Tetradic Color

#6bb7e8
```
#6bb7e8 rgb(107,183,232)
```
#81c2eb
```
#81c2eb rgb(129,194,235)
```
#97ccef
```
#97ccef rgb(151,204,239)
```
#add7f2
```
#add7f2 rgb(173,215,242)
```
#c3e2f5
```
#c3e2f5 rgb(195,226,245)
```
#d9ecf9
```
#d9ecf9 rgb(217,236,249)
```
#eff7fc
```
#eff7fc rgb(239,247,252)
```

Monochromatic Color

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

#ade8f2
```
#ade8f2 rgb(173,232,242)
```
#ade3f2
```
#ade3f2 rgb(173,227,242)
```
#adddf2
```
#adddf2 rgb(173,221,242)
```
#add7f2
```
#add7f2 rgb(173,215,242)
```
#add1f2
```
#add1f2 rgb(173,209,242)
```
#adccf2
```
#adccf2 rgb(173,204,242)
```
#adc6f2
```
#adc6f2 rgb(173,198,242)
```

Similar Colors

Text with hexadecimal color #add7f2

This text has a font color of #add7f2.

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

#add7f2 background color

This paragraph has a background color of #add7f2.

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

#add7f2 border color

This element has a border color of #add7f2.

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

CSS codes

.text {color:#add7f2;}

.background {background-color:#add7f2;}

.border {border:1px solid #add7f2;}

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

#000203
```
#000203 rgb(0,2,3)
```
#030d14
```
#030d14 rgb(3,13,20)
```
#061825
```
#061825 rgb(6,24,37)
```
#082435
```
#082435 rgb(8,36,53)
```
#0b2f46
```
#0b2f46 rgb(11,47,70)
```
#0e3b57
```
#0e3b57 rgb(14,59,87)
```
#114668
```
#114668 rgb(17,70,104)
```
#135179
```
#135179 rgb(19,81,121)
```
#165d8a
```
#165d8a rgb(22,93,138)
```
#19689b
```
#19689b rgb(25,104,155)
```
#1b73ac
```
#1b73ac rgb(27,115,172)
```
#1e7fbd
```
#1e7fbd rgb(30,127,189)
```
#218ace
```
#218ace rgb(33,138,206)
```

Shade Color Variation

#2695dd
```
#2695dd rgb(38,149,221)
```
#369ddf
```
#369ddf rgb(54,157,223)
```
#47a5e2
```
#47a5e2 rgb(71,165,226)
```
#58aee5
```
#58aee5 rgb(88,174,229)
```
#69b6e7
```
#69b6e7 rgb(105,182,231)
```
#7abeea
```
#7abeea rgb(122,190,234)
```
#8bc6ed
```
#8bc6ed rgb(139,198,237)
```
#9ccfef
```
#9ccfef rgb(156,207,239)
```
#add7f2
```
#add7f2 rgb(173,215,242)
```
#bedff5
```
#bedff5 rgb(190,223,245)
```
#cfe8f7
```
#cfe8f7 rgb(207,232,247)
```
#e0f0fa
```
#e0f0fa rgb(224,240,250)
```
#f1f8fd
```
#f1f8fd rgb(241,248,253)
```

Tint Color Variation

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

#ced0d1
```
#ced0d1 rgb(206,208,209)
```
#cad1d5
```
#cad1d5 rgb(202,209,213)
```
#c7d1d8
```
#c7d1d8 rgb(199,209,216)
```
#c3d2dc
```
#c3d2dc rgb(195,210,220)
```
#bfd3e0
```
#bfd3e0 rgb(191,211,224)
```
#bcd4e3
```
#bcd4e3 rgb(188,212,227)
```
#b8d5e7
```
#b8d5e7 rgb(184,213,231)
```
#b4d5eb
```
#b4d5eb rgb(180,213,235)
```
#b1d6ee
```
#b1d6ee rgb(177,214,238)
```
#add7f2
```
#add7f2 rgb(173,215,242)
```
#a9d8f6
```
#a9d8f6 rgb(169,216,246)
```
#a6d9f9
```
#a6d9f9 rgb(166,217,249)
```
#a2d9fd
```
#a2d9fd rgb(162,217,253)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#c7d0d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ced2ee Protanopia 1% of men
#d5cff6 Deuteranopia 1% of men
#afdaea Tritanopia 0.001% of the population

Trichromacy

#c2d3ef Protanomaly 1% of men, 0.01% of women
#c6d1f4 Deuteranomaly 6% of men, 0.4% of women
#aed9ed Tritanomaly 0.01% of the population

#add7f2 hex color

#add7f2 Color Information

#add7f2 Color Conversion

Color Schemes with #add7f2

Alternatives to #add7f2

#add7f2 Preview

Shades and Tints of #add7f2

Tones of #add7f2

Color Blindness Simulator