#9ddcf0 hex color

In a RGB color space, hex #9ddcf0 is composed of 61.6% red, 86.3% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 34.6% cyan, 8.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 194.5 degrees, a saturation of 73.5% and a lightness of 77.8%. #9ddcf0 color hex could be obtained by blending #ffffff with #3bb9e1. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 62
- G 86
- B 94
RGB color chart
- C 35
- M 8
- Y 0
- K 6
CMYK color chart

● #9ddcf0 color description : Very soft cyan.

The hexadecimal color #9ddcf0 has RGB values of R:157, G:220, B:240 and CMYK values of C:0.35, M:0.08, Y:0, K:0.06. Its decimal value is 10345712.

Hex triplet	9ddcf0	`#9ddcf0`
RGB Decimal	157, 220, 240	`rgb(157,220,240)`
RGB Percent	61.6, 86.3, 94.1	`rgb(61.6%,86.3%,94.1%)`
CMYK	35, 8, 0, 6
HSL	194.5°, 73.5, 77.8	`hsl(194.5,73.5%,77.8%)`
HSV (or HSB)	194.5°, 34.6, 94.1
Web Safe	99ccff	`#99ccff`

CIE-LAB	84.3, -15.109, -16.147
XYZ	55.222, 64.643, 92.001
xyY	0.261, 0.305, 64.643
CIE-LCH	84.3, 22.114, 226.902
CIE-LUV	84.3, -30.729, -23.13
Hunter-Lab	80.401, -18.102, -11.563
Binary	10011101, 11011100, 11110000

#9ddcf0
```
#9ddcf0 rgb(157,220,240)
```
#f0b19d
```
#f0b19d rgb(240,177,157)
```

Complementary Color

#9df0db
```
#9df0db rgb(157,240,219)
```
#9ddcf0
```
#9ddcf0 rgb(157,220,240)
```
#9db3f0
```
#9db3f0 rgb(157,179,240)
```

Analogous Color

#f0db9d
```
#f0db9d rgb(240,219,157)
```
#9ddcf0
```
#9ddcf0 rgb(157,220,240)
```
#f09db3
```
#f09db3 rgb(240,157,179)
```

Split Complementary Color

#dcf09d
```
#dcf09d rgb(220,240,157)
```
#9ddcf0
```
#9ddcf0 rgb(157,220,240)
```
#f09ddc
```
#f09ddc rgb(240,157,220)
```

Triadic Color

#9df0b1
```
#9df0b1 rgb(157,240,177)
```
#9ddcf0
```
#9ddcf0 rgb(157,220,240)
```
#f09ddc
```
#f09ddc rgb(240,157,220)
```
#f0b19d
```
#f0b19d rgb(240,177,157)
```

Tetradic Color

#5bc4e6
```
#5bc4e6 rgb(91,196,230)
```
#71cce9
```
#71cce9 rgb(113,204,233)
```
#87d4ed
```
#87d4ed rgb(135,212,237)
```
#9ddcf0
```
#9ddcf0 rgb(157,220,240)
```
#b3e4f3
```
#b3e4f3 rgb(179,228,243)
```
#c9ecf7
```
#c9ecf7 rgb(201,236,247)
```
#dff4fa
```
#dff4fa rgb(223,244,250)
```

Monochromatic Color

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

#9df0ef
```
#9df0ef rgb(157,240,239)
```
#9deaf0
```
#9deaf0 rgb(157,234,240)
```
#9de3f0
```
#9de3f0 rgb(157,227,240)
```
#9ddcf0
```
#9ddcf0 rgb(157,220,240)
```
#9dd5f0
```
#9dd5f0 rgb(157,213,240)
```
#9dcef0
```
#9dcef0 rgb(157,206,240)
```
#9dc7f0
```
#9dc7f0 rgb(157,199,240)
```

Similar Colors

Text with hexadecimal color #9ddcf0

This text has a font color of #9ddcf0.

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

#9ddcf0 background color

This paragraph has a background color of #9ddcf0.

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

#9ddcf0 border color

This element has a border color of #9ddcf0.

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

CSS codes

.text {color:#9ddcf0;}

.background {background-color:#9ddcf0;}

.border {border:1px solid #9ddcf0;}

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

#010304
```
#010304 rgb(1,3,4)
```
#031115
```
#031115 rgb(3,17,21)
```
#061e26
```
#061e26 rgb(6,30,38)
```
#082c37
```
#082c37 rgb(8,44,55)
```
#0b3948
```
#0b3948 rgb(11,57,72)
```
#0e4759
```
#0e4759 rgb(14,71,89)
```
#10546a
```
#10546a rgb(16,84,106)
```
#13627b
```
#13627b rgb(19,98,123)
```
#15708c
```
#15708c rgb(21,112,140)
```
#187d9d
```
#187d9d rgb(24,125,157)
```
#1b8bae
```
#1b8bae rgb(27,139,174)
```
#1d98bf
```
#1d98bf rgb(29,152,191)
```
#20a6d0
```
#20a6d0 rgb(32,166,208)
```

Shade Color Variation

#26b1de
```
#26b1de rgb(38,177,222)
```
#37b8e0
```
#37b8e0 rgb(55,184,224)
```
#48bee3
```
#48bee3 rgb(72,190,227)
```
#59c4e6
```
#59c4e6 rgb(89,196,230)
```
#6acae8
```
#6acae8 rgb(106,202,232)
```
#7bd0eb
```
#7bd0eb rgb(123,208,235)
```
#8cd6ed
```
#8cd6ed rgb(140,214,237)
```
#9ddcf0
```
#9ddcf0 rgb(157,220,240)
```
#aee2f3
```
#aee2f3 rgb(174,226,243)
```
#bfe8f5
```
#bfe8f5 rgb(191,232,245)
```
#d0eef8
```
#d0eef8 rgb(208,238,248)
```
#e1f4fa
```
#e1f4fa rgb(225,244,250)
```
#f2fafd
```
#f2fafd rgb(242,250,253)
```

Tint Color Variation

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

#c4c8c9
```
#c4c8c9 rgb(196,200,201)
```
#c0cacd
```
#c0cacd rgb(192,202,205)
```
#bbccd2
```
#bbccd2 rgb(187,204,210)
```
#b7ced6
```
#b7ced6 rgb(183,206,214)
```
#b3d1da
```
#b3d1da rgb(179,209,218)
```
#aed3df
```
#aed3df rgb(174,211,223)
```
#aad5e3
```
#aad5e3 rgb(170,213,227)
```
#a6d7e7
```
#a6d7e7 rgb(166,215,231)
```
#a1daec
```
#a1daec rgb(161,218,236)
```
#9ddcf0
```
#9ddcf0 rgb(157,220,240)
```
#99def4
```
#99def4 rgb(153,222,244)
```
#94e1f9
```
#94e1f9 rgb(148,225,249)
```
#90e3fd
```
#90e3fd rgb(144,227,253)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c2ced2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1d3ea Protanopia 1% of men
#d7cff5 Deuteranopia 1% of men
#a1deee Tritanopia 0.001% of the population

Trichromacy

#bed6ec Protanomaly 1% of men, 0.01% of women
#c2d4f3 Deuteranomaly 6% of men, 0.4% of women
#9fddee Tritanomaly 0.01% of the population

#9ddcf0 hex color

#9ddcf0 Color Information

#9ddcf0 Color Conversion

Color Schemes with #9ddcf0

Alternatives to #9ddcf0

#9ddcf0 Preview

Shades and Tints of #9ddcf0

Tones of #9ddcf0

Color Blindness Simulator