#a5dfd2 hex color

In a RGB color space, hex #a5dfd2 is composed of 64.7% red, 87.5% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 26% cyan, 0% magenta, 5.8% yellow and 12.5% black. It has a hue angle of 166.6 degrees, a saturation of 47.5% and a lightness of 76.1%. #a5dfd2 color hex could be obtained by blending #ffffff with #4bbfa5. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 65
- G 87
- B 82
RGB color chart
- C 26
- M 0
- Y 6
- K 13
CMYK color chart

● #a5dfd2 color description : Very soft cyan.

The hexadecimal color #a5dfd2 has RGB values of R:165, G:223, B:210 and CMYK values of C:0.26, M:0, Y:0.06, K:0.13. Its decimal value is 10870738.

Hex triplet	a5dfd2	`#a5dfd2`
RGB Decimal	165, 223, 210	`rgb(165,223,210)`
RGB Percent	64.7, 87.5, 82.4	`rgb(64.7%,87.5%,82.4%)`
CMYK	26, 0, 6, 13
HSL	166.6°, 47.5, 76.1	`hsl(166.6,47.5%,76.1%)`
HSV (or HSB)	166.6°, 26, 87.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	84.703, -21.141, 0.375
XYZ	53.535, 65.426, 70.777
xyY	0.282, 0.345, 65.426
CIE-LCH	84.703, 21.144, 178.983
CIE-LUV	84.703, -28.797, 4.148
Hunter-Lab	80.886, -23.411, 4.741
Binary	10100101, 11011111, 11010010

#a5dfd2
```
#a5dfd2 rgb(165,223,210)
```
#dfa5b2
```
#dfa5b2 rgb(223,165,178)
```

Complementary Color

#a5dfb5
```
#a5dfb5 rgb(165,223,181)
```
#a5dfd2
```
#a5dfd2 rgb(165,223,210)
```
#a5cfdf
```
#a5cfdf rgb(165,207,223)
```

Analogous Color

#dfb5a5
```
#dfb5a5 rgb(223,181,165)
```
#a5dfd2
```
#a5dfd2 rgb(165,223,210)
```
#dfa5cf
```
#dfa5cf rgb(223,165,207)
```

Split Complementary Color

#dfd2a5
```
#dfd2a5 rgb(223,210,165)
```
#a5dfd2
```
#a5dfd2 rgb(165,223,210)
```
#d2a5df
```
#d2a5df rgb(210,165,223)
```

Triadic Color

#b2dfa5
```
#b2dfa5 rgb(178,223,165)
```
#a5dfd2
```
#a5dfd2 rgb(165,223,210)
```
#d2a5df
```
#d2a5df rgb(210,165,223)
```
#dfa5b2
```
#dfa5b2 rgb(223,165,178)
```

Tetradic Color

#6dcbb6
```
#6dcbb6 rgb(109,203,182)
```
#7fd2bf
```
#7fd2bf rgb(127,210,191)
```
#92d8c9
```
#92d8c9 rgb(146,216,201)
```
#a5dfd2
```
#a5dfd2 rgb(165,223,210)
```
#b8e6db
```
#b8e6db rgb(184,230,219)
```
#cbece5
```
#cbece5 rgb(203,236,229)
```
#ddf3ee
```
#ddf3ee rgb(221,243,238)
```

Monochromatic Color

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

#a5dfc4
```
#a5dfc4 rgb(165,223,196)
```
#a5dfc8
```
#a5dfc8 rgb(165,223,200)
```
#a5dfcd
```
#a5dfcd rgb(165,223,205)
```
#a5dfd2
```
#a5dfd2 rgb(165,223,210)
```
#a5dfd7
```
#a5dfd7 rgb(165,223,215)
```
#a5dfdc
```
#a5dfdc rgb(165,223,220)
```
#a5dedf
```
#a5dedf rgb(165,222,223)
```

Similar Colors

Text with hexadecimal color #a5dfd2

This text has a font color of #a5dfd2.

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

#a5dfd2 background color

This paragraph has a background color of #a5dfd2.

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

#a5dfd2 border color

This element has a border color of #a5dfd2.

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

CSS codes

.text {color:#a5dfd2;}

.background {background-color:#a5dfd2;}

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

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, #040b0a is the darkest color, while #fcfefd is the lightest one.

#040b0a
```
#040b0a rgb(4,11,10)
```
#091a16
```
#091a16 rgb(9,26,22)
```
#0e2822
```
#0e2822 rgb(14,40,34)
```
#13372f
```
#13372f rgb(19,55,47)
```
#19453b
```
#19453b rgb(25,69,59)
```
#1e5448
```
#1e5448 rgb(30,84,72)
```
#236254
```
#236254 rgb(35,98,84)
```
#287160
```
#287160 rgb(40,113,96)
```
#2d7f6d
```
#2d7f6d rgb(45,127,109)
```
#328e79
```
#328e79 rgb(50,142,121)
```
#379c85
```
#379c85 rgb(55,156,133)
```
#3daa92
```
#3daa92 rgb(61,170,146)
```
#42b99e
```
#42b99e rgb(66,185,158)
```

Shade Color Variation

#4ec0a7
```
#4ec0a7 rgb(78,192,167)
```
#5dc5ae
```
#5dc5ae rgb(93,197,174)
```
#6bcab5
```
#6bcab5 rgb(107,202,181)
```
#7ad0bc
```
#7ad0bc rgb(122,208,188)
```
#88d5c4
```
#88d5c4 rgb(136,213,196)
```
#97dacb
```
#97dacb rgb(151,218,203)
```
#a5dfd2
```
#a5dfd2 rgb(165,223,210)
```
#b3e4d9
```
#b3e4d9 rgb(179,228,217)
```
#c2e9e0
```
#c2e9e0 rgb(194,233,224)
```
#d0eee8
```
#d0eee8 rgb(208,238,232)
```
#dff4ef
```
#dff4ef rgb(223,244,239)
```
#edf9f6
```
#edf9f6 rgb(237,249,246)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#c1c3c2
```
#c1c3c2 rgb(193,195,194)
```
#bcc8c5
```
#bcc8c5 rgb(188,200,197)
```
#b8ccc8
```
#b8ccc8 rgb(184,204,200)
```
#b3d1ca
```
#b3d1ca rgb(179,209,202)
```
#aed6cd
```
#aed6cd rgb(174,214,205)
```
#aadacf
```
#aadacf rgb(170,218,207)
```
#a5dfd2
```
#a5dfd2 rgb(165,223,210)
```
#a0e4d5
```
#a0e4d5 rgb(160,228,213)
```
#9ce8d7
```
#9ce8d7 rgb(156,232,215)
```
#97edda
```
#97edda rgb(151,237,218)
```
#92f2dc
```
#92f2dc rgb(146,242,220)
```
#8ef6df
```
#8ef6df rgb(142,246,223)
```
#89fbe2
```
#89fbe2 rgb(137,251,226)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c4d0cd Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd4ce Protanopia 1% of men
#e7cfda Deuteranopia 1% of men
#afdcec Tritanopia 0.001% of the population

Trichromacy

#c7d8cf Protanomaly 1% of men, 0.01% of women
#cfd5d7 Deuteranomaly 6% of men, 0.4% of women
#abdde3 Tritanomaly 0.01% of the population

#a5dfd2 hex color

#a5dfd2 Color Information

#a5dfd2 Color Conversion

Color Schemes with #a5dfd2

Alternatives to #a5dfd2

#a5dfd2 Preview

Shades and Tints of #a5dfd2

Tones of #a5dfd2

Color Blindness Simulator