#00f7f8 hex color

In a RGB color space, hex #00f7f8 is composed of 0% red, 96.9% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0.4% magenta, 0% yellow and 2.7% black. It has a hue angle of 180.2 degrees, a saturation of 100% and a lightness of 48.6%. #00f7f8 color hex could be obtained by blending #00ffff with #00eff1. Closest websafe color is: #00ffff.

♥
- f
- t
- g
- R 0
- G 97
- B 97
RGB color chart
- C 100
- M 0
- Y 0
- K 3
CMYK color chart

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

The hexadecimal color #00f7f8 has RGB values of R:0, G:247, B:248 and CMYK values of C:1, M:0, Y:0, K:0.03. Its decimal value is 63480.

Hex triplet	00f7f8	`#00f7f8`
RGB Decimal	0, 247, 248	`rgb(0,247,248)`
RGB Percent	0, 96.9, 97.3	`rgb(0%,96.9%,97.3%)`
CMYK	100, 0, 0, 3
HSL	180.2°, 100, 48.6	`hsl(180.2,100%,48.6%)`
HSV (or HSB)	180.2°, 100, 97.3
Web Safe	00ffff	`#00ffff`

CIE-LAB	88.588, -46.647, -14.279
XYZ	50.199, 73.294, 100.303
xyY	0.224, 0.328, 73.294
CIE-LCH	88.588, 48.784, 197.02
CIE-LUV	88.588, -68.418, -15.629
Hunter-Lab	85.612, -45.156, -9.536
Binary	00000000, 11110111, 11111000

#00f7f8
```
#00f7f8 rgb(0,247,248)
```
#f80100
```
#f80100 rgb(248,1,0)
```

Complementary Color

#00f87d
```
#00f87d rgb(0,248,125)
```
#00f7f8
```
#00f7f8 rgb(0,247,248)
```
#007bf8
```
#007bf8 rgb(0,123,248)
```

Analogous Color

#f87d00
```
#f87d00 rgb(248,125,0)
```
#00f7f8
```
#00f7f8 rgb(0,247,248)
```
#f8007b
```
#f8007b rgb(248,0,123)
```

Split Complementary Color

#f7f800
```
#f7f800 rgb(247,248,0)
```
#00f7f8
```
#00f7f8 rgb(0,247,248)
```
#f800f7
```
#f800f7 rgb(248,0,247)
```

Triadic Color

#00f801
```
#00f801 rgb(0,248,1)
```
#00f7f8
```
#00f7f8 rgb(0,247,248)
```
#f800f7
```
#f800f7 rgb(248,0,247)
```
#f80100
```
#f80100 rgb(248,1,0)
```

Tetradic Color

#00abac
```
#00abac rgb(0,171,172)
```
#00c4c5
```
#00c4c5 rgb(0,196,197)
```
#00dedf
```
#00dedf rgb(0,222,223)
```
#00f7f8
```
#00f7f8 rgb(0,247,248)
```
#13feff
```
#13feff rgb(19,254,255)
```
#2cfeff
```
#2cfeff rgb(44,254,255)
```
#46feff
```
#46feff rgb(70,254,255)
```

Monochromatic Color

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

#00f8bb
```
#00f8bb rgb(0,248,187)
```
#00f8d0
```
#00f8d0 rgb(0,248,208)
```
#00f8e4
```
#00f8e4 rgb(0,248,228)
```
#00f7f8
```
#00f7f8 rgb(0,247,248)
```
#00e2f8
```
#00e2f8 rgb(0,226,248)
```
#00cef8
```
#00cef8 rgb(0,206,248)
```
#00b9f8
```
#00b9f8 rgb(0,185,248)
```

Similar Colors

Text with hexadecimal color #00f7f8

This text has a font color of #00f7f8.

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

#00f7f8 background color

This paragraph has a background color of #00f7f8.

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

#00f7f8 border color

This element has a border color of #00f7f8.

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

CSS codes

.text {color:#00f7f8;}

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

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

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

#000d0d
```
#000d0d rgb(0,13,13)
```
#002020
```
#002020 rgb(0,32,32)
```
#003434
```
#003434 rgb(0,52,52)
```
#004747
```
#004747 rgb(0,71,71)
```
#005b5b
```
#005b5b rgb(0,91,91)
```
#006e6f
```
#006e6f rgb(0,110,111)
```
#008282
```
#008282 rgb(0,130,130)
```
#009596
```
#009596 rgb(0,149,150)
```
#00a9aa
```
#00a9aa rgb(0,169,170)
```
#00bcbd
```
#00bcbd rgb(0,188,189)
```
#00d0d1
```
#00d0d1 rgb(0,208,209)
```
#00e3e4
```
#00e3e4 rgb(0,227,228)
```
#00f7f8
```
#00f7f8 rgb(0,247,248)
```

Shade Color Variation

#0dfeff
```
#0dfeff rgb(13,254,255)
```
#20feff
```
#20feff rgb(32,254,255)
```
#34feff
```
#34feff rgb(52,254,255)
```
#47feff
```
#47feff rgb(71,254,255)
```
#5bfeff
```
#5bfeff rgb(91,254,255)
```
#6ffeff
```
#6ffeff rgb(111,254,255)
```
#82feff
```
#82feff rgb(130,254,255)
```
#96ffff
```
#96ffff rgb(150,255,255)
```
#aaffff
```
#aaffff rgb(170,255,255)
```
#bdffff
```
#bdffff rgb(189,255,255)
```
#d1ffff
```
#d1ffff rgb(209,255,255)
```
#e4ffff
```
#e4ffff rgb(228,255,255)
```
#f8ffff
```
#f8ffff rgb(248,255,255)
```

Tint Color Variation

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

#728586
```
#728586 rgb(114,133,134)
```
#698f8f
```
#698f8f rgb(105,143,143)
```
#5f9899
```
#5f9899 rgb(95,152,153)
```
#56a2a2
```
#56a2a2 rgb(86,162,162)
```
#4cabac
```
#4cabac rgb(76,171,172)
```
#43b5b5
```
#43b5b5 rgb(67,181,181)
```
#39bebf
```
#39bebf rgb(57,190,191)
```
#30c8c8
```
#30c8c8 rgb(48,200,200)
```
#26d1d2
```
#26d1d2 rgb(38,209,210)
```
#1ddbdb
```
#1ddbdb rgb(29,219,219)
```
#13e4e5
```
#13e4e5 rgb(19,228,229)
```
#0aeeee
```
#0aeeee rgb(10,238,238)
```
#00f7f8
```
#00f7f8 rgb(0,247,248)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#8abcbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0deea Protanopia 1% of men
#e2dbff Deuteranopia 1% of men
#7df0ff Tritanopia 0.001% of the population

Trichromacy

#8ee7ef Protanomaly 1% of men, 0.01% of women
#90e5fc Deuteranomaly 6% of men, 0.4% of women
#50f2fc Tritanomaly 0.01% of the population

#00f7f8 hex color

#00f7f8 Color Information

#00f7f8 Color Conversion

Color Schemes with #00f7f8

Alternatives to #00f7f8

#00f7f8 Preview

Shades and Tints of #00f7f8

Tones of #00f7f8

Color Blindness Simulator