#00ddf6 hex color

In a RGB color space, hex #00ddf6 is composed of 0% red, 86.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 10.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 186.1 degrees, a saturation of 100% and a lightness of 48.2%. #00ddf6 color hex could be obtained by blending #00ffff with #00bbed. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 0
- G 87
- B 96
RGB color chart
- C 100
- M 10
- Y 0
- K 4
CMYK color chart

● #00ddf6 color description : Pure (or mostly pure) cyan.

The hexadecimal color #00ddf6 has RGB values of R:0, G:221, B:246 and CMYK values of C:1, M:0.1, Y:0, K:0.04. Its decimal value is 56822.

Hex triplet	00ddf6	`#00ddf6`
RGB Decimal	0, 221, 246	`rgb(0,221,246)`
RGB Percent	0, 86.7, 96.5	`rgb(0%,86.7%,96.5%)`
CMYK	100, 10, 0, 4
HSL	186.1°, 100, 48.2	`hsl(186.1,100%,48.2%)`
HSV (or HSB)	186.1°, 100, 96.5
Web Safe	00ccff	`#00ccff`

CIE-LAB	80.94, -35.542, -24.78
XYZ	42.486, 58.362, 96.21
xyY	0.216, 0.296, 58.362
CIE-LCH	80.94, 43.328, 214.885
CIE-LUV	80.94, -59.964, -34.718
Hunter-Lab	76.395, -34.421, -21.191
Binary	00000000, 11011101, 11110110

#00ddf6
```
#00ddf6 rgb(0,221,246)
```
#f61900
```
#f61900 rgb(246,25,0)
```

Complementary Color

#00f694
```
#00f694 rgb(0,246,148)
```
#00ddf6
```
#00ddf6 rgb(0,221,246)
```
#0062f6
```
#0062f6 rgb(0,98,246)
```

Analogous Color

#f69400
```
#f69400 rgb(246,148,0)
```
#00ddf6
```
#00ddf6 rgb(0,221,246)
```
#f60062
```
#f60062 rgb(246,0,98)
```

Split Complementary Color

#ddf600
```
#ddf600 rgb(221,246,0)
```
#00ddf6
```
#00ddf6 rgb(0,221,246)
```
#f600dd
```
#f600dd rgb(246,0,221)
```

Triadic Color

#00f619
```
#00f619 rgb(0,246,25)
```
#00ddf6
```
#00ddf6 rgb(0,221,246)
```
#f600dd
```
#f600dd rgb(246,0,221)
```
#f61900
```
#f61900 rgb(246,25,0)
```

Tetradic Color

#0098aa
```
#0098aa rgb(0,152,170)
```
#00afc3
```
#00afc3 rgb(0,175,195)
```
#00c6dd
```
#00c6dd rgb(0,198,221)
```
#00ddf6
```
#00ddf6 rgb(0,221,246)
```
#11e7ff
```
#11e7ff rgb(17,231,255)
```
#2ae9ff
```
#2ae9ff rgb(42,233,255)
```
#44ecff
```
#44ecff rgb(68,236,255)
```

Monochromatic Color

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

#00f6d2
```
#00f6d2 rgb(0,246,210)
```
#00f6e6
```
#00f6e6 rgb(0,246,230)
```
#00f2f6
```
#00f2f6 rgb(0,242,246)
```
#00ddf6
```
#00ddf6 rgb(0,221,246)
```
#00c9f6
```
#00c9f6 rgb(0,201,246)
```
#00b4f6
```
#00b4f6 rgb(0,180,246)
```
#00a0f6
```
#00a0f6 rgb(0,160,246)
```

Similar Colors

Text with hexadecimal color #00ddf6

This text has a font color of #00ddf6.

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

#00ddf6 background color

This paragraph has a background color of #00ddf6.

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

#00ddf6 border color

This element has a border color of #00ddf6.

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

CSS codes

.text {color:#00ddf6;}

.background {background-color:#00ddf6;}

.border {border:1px solid #00ddf6;}

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, #000a0b is the darkest color, while #f6feff is the lightest one.

#000a0b
```
#000a0b rgb(0,10,11)
```
#001b1e
```
#001b1e rgb(0,27,30)
```
#002d32
```
#002d32 rgb(0,45,50)
```
#003e45
```
#003e45 rgb(0,62,69)
```
#005059
```
#005059 rgb(0,80,89)
```
#00626d
```
#00626d rgb(0,98,109)
```
#007380
```
#007380 rgb(0,115,128)
```
#008594
```
#008594 rgb(0,133,148)
```
#0097a8
```
#0097a8 rgb(0,151,168)
```
#00a8bb
```
#00a8bb rgb(0,168,187)
```
#00bacf
```
#00bacf rgb(0,186,207)
```
#00cbe2
```
#00cbe2 rgb(0,203,226)
```
#00ddf6
```
#00ddf6 rgb(0,221,246)
```

Shade Color Variation

#0be6ff
```
#0be6ff rgb(11,230,255)
```
#1ee8ff
```
#1ee8ff rgb(30,232,255)
```
#32eaff
```
#32eaff rgb(50,234,255)
```
#45ecff
```
#45ecff rgb(69,236,255)
```
#59eeff
```
#59eeff rgb(89,238,255)
```
#6df0ff
```
#6df0ff rgb(109,240,255)
```
#80f2ff
```
#80f2ff rgb(128,242,255)
```
#94f4ff
```
#94f4ff rgb(148,244,255)
```
#a8f6ff
```
#a8f6ff rgb(168,246,255)
```
#bbf8ff
```
#bbf8ff rgb(187,248,255)
```
#cffaff
```
#cffaff rgb(207,250,255)
```
#e2fcff
```
#e2fcff rgb(226,252,255)
```
#f6feff
```
#f6feff rgb(246,254,255)
```

Tint Color Variation

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

#728384
```
#728384 rgb(114,131,132)
```
#688a8e
```
#688a8e rgb(104,138,142)
```
#5f9297
```
#5f9297 rgb(95,146,151)
```
#5599a1
```
#5599a1 rgb(85,153,161)
```
#4ca1aa
```
#4ca1aa rgb(76,161,170)
```
#42a8b4
```
#42a8b4 rgb(66,168,180)
```
#39b0bd
```
#39b0bd rgb(57,176,189)
```
#2fb7c7
```
#2fb7c7 rgb(47,183,199)
```
#26bfd0
```
#26bfd0 rgb(38,191,208)
```
#1cc6da
```
#1cc6da rgb(28,198,218)
```
#13cee3
```
#13cee3 rgb(19,206,227)
```
#09d5ed
```
#09d5ed rgb(9,213,237)
```
#00ddf6
```
#00ddf6 rgb(0,221,246)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#7eabb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5cae9 Protanopia 1% of men
#c1c8ff Deuteranopia 1% of men
#00dfef Tritanopia 0.001% of the population

Trichromacy

#7dd1ee Protanomaly 1% of men, 0.01% of women
#7bcffb Deuteranomaly 6% of men, 0.4% of women
#00def2 Tritanomaly 0.01% of the population

#00ddf6 hex color

#00ddf6 Color Information

#00ddf6 Color Conversion

Color Schemes with #00ddf6

Alternatives to #00ddf6

#00ddf6 Preview

Shades and Tints of #00ddf6

Tones of #00ddf6

Color Blindness Simulator