#00d3f2 hex color

In a RGB color space, hex #00d3f2 is composed of 0% red, 82.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 12.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 187.7 degrees, a saturation of 100% and a lightness of 47.5%. #00d3f2 color hex could be obtained by blending #00ffff with #00a7e5. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 0
- G 83
- B 95
RGB color chart
- C 100
- M 13
- Y 0
- K 5
CMYK color chart

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

The hexadecimal color #00d3f2 has RGB values of R:0, G:211, B:242 and CMYK values of C:1, M:0.13, Y:0, K:0.05. Its decimal value is 54258.

Hex triplet	00d3f2	`#00d3f2`
RGB Decimal	0, 211, 242	`rgb(0,211,242)`
RGB Percent	0, 82.7, 94.9	`rgb(0%,82.7%,94.9%)`
CMYK	100, 13, 0, 5
HSL	187.7°, 100, 47.5	`hsl(187.7,100%,47.5%)`
HSV (or HSB)	187.7°, 100, 94.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	77.872, -32.073, -27.336
XYZ	39.317, 52.995, 92.156
xyY	0.213, 0.287, 52.995
CIE-LCH	77.872, 42.142, 220.441
CIE-LUV	77.872, -56.943, -39.402
Hunter-Lab	72.798, -30.992, -24.098
Binary	00000000, 11010011, 11110010

#00d3f2
```
#00d3f2 rgb(0,211,242)
```
#f21f00
```
#f21f00 rgb(242,31,0)
```

Complementary Color

#00f298
```
#00f298 rgb(0,242,152)
```
#00d3f2
```
#00d3f2 rgb(0,211,242)
```
#005af2
```
#005af2 rgb(0,90,242)
```

Analogous Color

#f29800
```
#f29800 rgb(242,152,0)
```
#00d3f2
```
#00d3f2 rgb(0,211,242)
```
#f2005a
```
#f2005a rgb(242,0,90)
```

Split Complementary Color

#d3f200
```
#d3f200 rgb(211,242,0)
```
#00d3f2
```
#00d3f2 rgb(0,211,242)
```
#f200d3
```
#f200d3 rgb(242,0,211)
```

Triadic Color

#00f21f
```
#00f21f rgb(0,242,31)
```
#00d3f2
```
#00d3f2 rgb(0,211,242)
```
#f200d3
```
#f200d3 rgb(242,0,211)
```
#f21f00
```
#f21f00 rgb(242,31,0)
```

Tetradic Color

#0090a6
```
#0090a6 rgb(0,144,166)
```
#00a7bf
```
#00a7bf rgb(0,167,191)
```
#00bdd9
```
#00bdd9 rgb(0,189,217)
```
#00d3f2
```
#00d3f2 rgb(0,211,242)
```
#0de0ff
```
#0de0ff rgb(13,224,255)
```
#26e3ff
```
#26e3ff rgb(38,227,255)
```
#40e6ff
```
#40e6ff rgb(64,230,255)
```

Monochromatic Color

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

#00f2d5
```
#00f2d5 rgb(0,242,213)
```
#00f2e9
```
#00f2e9 rgb(0,242,233)
```
#00e7f2
```
#00e7f2 rgb(0,231,242)
```
#00d3f2
```
#00d3f2 rgb(0,211,242)
```
#00bff2
```
#00bff2 rgb(0,191,242)
```
#00abf2
```
#00abf2 rgb(0,171,242)
```
#0097f2
```
#0097f2 rgb(0,151,242)
```

Similar Colors

Text with hexadecimal color #00d3f2

This text has a font color of #00d3f2.

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

#00d3f2 background color

This paragraph has a background color of #00d3f2.

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

#00d3f2 border color

This element has a border color of #00d3f2.

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

CSS codes

.text {color:#00d3f2;}

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

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

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

#000607
```
#000607 rgb(0,6,7)
```
#00171a
```
#00171a rgb(0,23,26)
```
#00282e
```
#00282e rgb(0,40,46)
```
#003941
```
#003941 rgb(0,57,65)
```
#004a55
```
#004a55 rgb(0,74,85)
```
#005b69
```
#005b69 rgb(0,91,105)
```
#006c7c
```
#006c7c rgb(0,108,124)
```
#007d90
```
#007d90 rgb(0,125,144)
```
#008fa4
```
#008fa4 rgb(0,143,164)
```
#00a0b7
```
#00a0b7 rgb(0,160,183)
```
#00b1cb
```
#00b1cb rgb(0,177,203)
```
#00c2de
```
#00c2de rgb(0,194,222)
```
#00d3f2
```
#00d3f2 rgb(0,211,242)
```

Shade Color Variation

#07dfff
```
#07dfff rgb(7,223,255)
```
#1ae2ff
```
#1ae2ff rgb(26,226,255)
```
#2ee4ff
```
#2ee4ff rgb(46,228,255)
```
#41e7ff
```
#41e7ff rgb(65,231,255)
```
#55e9ff
```
#55e9ff rgb(85,233,255)
```
#69ecff
```
#69ecff rgb(105,236,255)
```
#7ceeff
```
#7ceeff rgb(124,238,255)
```
#90f1ff
```
#90f1ff rgb(144,241,255)
```
#a4f3ff
```
#a4f3ff rgb(164,243,255)
```
#b7f6ff
```
#b7f6ff rgb(183,246,255)
```
#cbf8ff
```
#cbf8ff rgb(203,248,255)
```
#defbff
```
#defbff rgb(222,251,255)
```
#f2fdff
```
#f2fdff rgb(242,253,255)
```

Tint Color Variation

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

#708082
```
#708082 rgb(112,128,130)
```
#66878c
```
#66878c rgb(102,135,140)
```
#5d8e95
```
#5d8e95 rgb(93,142,149)
```
#54959e
```
#54959e rgb(84,149,158)
```
#4a9ca8
```
#4a9ca8 rgb(74,156,168)
```
#41a3b1
```
#41a3b1 rgb(65,163,177)
```
#38a9ba
```
#38a9ba rgb(56,169,186)
```
#2fb0c3
```
#2fb0c3 rgb(47,176,195)
```
#25b7cd
```
#25b7cd rgb(37,183,205)
```
#1cbed6
```
#1cbed6 rgb(28,190,214)
```
#13c5df
```
#13c5df rgb(19,197,223)
```
#09cce9
```
#09cce9 rgb(9,204,233)
```
#00d3f2
```
#00d3f2 rgb(0,211,242)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#79a3a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbc2e6 Protanopia 1% of men
#b6c0fa Deuteranopia 1% of men
#00d6e6 Tritanopia 0.001% of the population

Trichromacy

#77c8ea Protanomaly 1% of men, 0.01% of women
#73c7f7 Deuteranomaly 6% of men, 0.4% of women
#00d5ea Tritanomaly 0.01% of the population

#00d3f2 hex color

#00d3f2 Color Information

#00d3f2 Color Conversion

Color Schemes with #00d3f2

Alternatives to #00d3f2

#00d3f2 Preview

Shades and Tints of #00d3f2

Tones of #00d3f2

Color Blindness Simulator