colorhexa.com

#00d2fd hex color

In a RGB color space, hex #00d2fd is composed of 0% red, 82.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 17% magenta, 0% yellow and 0.8% black. It has a hue angle of 190.2 degrees, a saturation of 100% and a lightness of 49.6%. #00d2fd color hex could be obtained by blending #00ffff with #00a5fb. Closest websafe color is: #00ccff.

- R 0
- G 82
- B 99
RGB color chart
- C 100
- M 17
- Y 0
- K 1
CMYK color chart

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

The hexadecimal color #00d2fd has RGB values of R:0, G:210, B:253 and CMYK values of C:1, M:0.17, Y:0, K:0.01. Its decimal value is 54013.

Hex triplet	00d2fd	`#00d2fd`
RGB Decimal	0, 210, 253	`rgb(0,210,253)`
RGB Percent	0, 82.4, 99.2	`rgb(0%,82.4%,99.2%)`
CMYK	100, 17, 0, 1
HSL	190.2°, 100, 49.6	`hsl(190.2,100%,49.6%)`
HSV (or HSB)	190.2°, 100, 99.2
Web Safe	00ccff	`#00ccff`

CIE-LAB	77.982, -28.006, -33.04
XYZ	40.771, 53.181, 101.039
xyY	0.209, 0.273, 53.181
CIE-LCH	77.982, 43.312, 229.714
CIE-LUV	77.982, -55.74, -49.752
Hunter-Lab	72.925, -27.823, -31.1
Binary	00000000, 11010010, 11111101

#00d2fd
```
#00d2fd rgb(0,210,253)
```
#fd2b00
```
#fd2b00 rgb(253,43,0)
```

Complementary Color

#00fdaa
```
#00fdaa rgb(0,253,170)
```
#00d2fd
```
#00d2fd rgb(0,210,253)
```
#0053fd
```
#0053fd rgb(0,83,253)
```

Analogous Color

#fdaa00
```
#fdaa00 rgb(253,170,0)
```
#00d2fd
```
#00d2fd rgb(0,210,253)
```
#fd0054
```
#fd0054 rgb(253,0,84)
```

Split Complementary Color

#d2fd00
```
#d2fd00 rgb(210,253,0)
```
#00d2fd
```
#00d2fd rgb(0,210,253)
```
#fd00d2
```
#fd00d2 rgb(253,0,210)
```

Triadic Color

#0093b1
```
#0093b1 rgb(0,147,177)
```
#00a8ca
```
#00a8ca rgb(0,168,202)
```
#00bde4
```
#00bde4 rgb(0,189,228)
```
#00d2fd
```
#00d2fd rgb(0,210,253)
```
#18d8ff
```
#18d8ff rgb(24,216,255)
```
#31dcff
```
#31dcff rgb(49,220,255)
```
#4be0ff
```
#4be0ff rgb(75,224,255)
```

Monochromatic Color

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

#00fde9
```
#00fde9 rgb(0,253,233)
```
#00fcfd
```
#00fcfd rgb(0,252,253)
```
#00e7fd
```
#00e7fd rgb(0,231,253)
```
#00d2fd
```
#00d2fd rgb(0,210,253)
```
#00bdfd
```
#00bdfd rgb(0,189,253)
```
#00a8fd
```
#00a8fd rgb(0,168,253)
```
#0093fd
```
#0093fd rgb(0,147,253)
```

Similar Colors

Text with hexadecimal color #00d2fd

This text has a font color of #00d2fd.

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

#00d2fd background color

This paragraph has a background color of #00d2fd.

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

#00d2fd border color

This element has a border color of #00d2fd.

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

CSS codes

.text {color:#00d2fd;}

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

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

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

#000f12
```
#000f12 rgb(0,15,18)
```
#001f25
```
#001f25 rgb(0,31,37)
```
#002f39
```
#002f39 rgb(0,47,57)
```
#003f4c
```
#003f4c rgb(0,63,76)
```
#005060
```
#005060 rgb(0,80,96)
```
#006074
```
#006074 rgb(0,96,116)
```
#007087
```
#007087 rgb(0,112,135)
```
#00819b
```
#00819b rgb(0,129,155)
```
#0091af
```
#0091af rgb(0,145,175)
```
#00a1c2
```
#00a1c2 rgb(0,161,194)
```
#00b1d6
```
#00b1d6 rgb(0,177,214)
```
#00c2e9
```
#00c2e9 rgb(0,194,233)
```
#00d2fd
```
#00d2fd rgb(0,210,253)
```

Shade Color Variation

#12d7ff
```
#12d7ff rgb(18,215,255)
```
#25daff
```
#25daff rgb(37,218,255)
```
#39ddff
```
#39ddff rgb(57,221,255)
```
#4ce1ff
```
#4ce1ff rgb(76,225,255)
```
#60e4ff
```
#60e4ff rgb(96,228,255)
```
#74e7ff
```
#74e7ff rgb(116,231,255)
```
#87ebff
```
#87ebff rgb(135,235,255)
```
#9beeff
```
#9beeff rgb(155,238,255)
```
#aff1ff
```
#aff1ff rgb(175,241,255)
```
#c2f5ff
```
#c2f5ff rgb(194,245,255)
```
#d6f8ff
```
#d6f8ff rgb(214,248,255)
```
#e9fbff
```
#e9fbff rgb(233,251,255)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#758588
```
#758588 rgb(117,133,136)
```
#6b8b92
```
#6b8b92 rgb(107,139,146)
```
#61929c
```
#61929c rgb(97,146,156)
```
#5898a5
```
#5898a5 rgb(88,152,165)
```
#4e9faf
```
#4e9faf rgb(78,159,175)
```
#44a5b9
```
#44a5b9 rgb(68,165,185)
```
#3aabc3
```
#3aabc3 rgb(58,171,195)
```
#31b2cc
```
#31b2cc rgb(49,178,204)
```
#27b8d6
```
#27b8d6 rgb(39,184,214)
```
#1dbfe0
```
#1dbfe0 rgb(29,191,224)
```
#13c5ea
```
#13c5ea rgb(19,197,234)
```
#0accf3
```
#0accf3 rgb(10,204,243)
```
#00d2fd
```
#00d2fd rgb(0,210,253)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#7aa4ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7c2f1 Protanopia 1% of men
#b1c1ff Deuteranopia 1% of men
#00d7e6 Tritanopia 0.001% of the population

Trichromacy

#74c7f5 Protanomaly 1% of men, 0.01% of women
#70c7fe Deuteranomaly 6% of men, 0.4% of women
#00d5ee Tritanomaly 0.01% of the population