#07ccf0 hex color

In a RGB color space, hex #07ccf0 is composed of 2.7% red, 80% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 97.1% cyan, 15% magenta, 0% yellow and 5.9% black. It has a hue angle of 189.3 degrees, a saturation of 94.3% and a lightness of 48.4%. #07ccf0 color hex could be obtained by blending #0effff with #0099e1. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 3
- G 80
- B 94
RGB color chart
- C 97
- M 15
- Y 0
- K 6
CMYK color chart

● #07ccf0 color description : Vivid cyan.

The hexadecimal color #07ccf0 has RGB values of R:7, G:204, B:240 and CMYK values of C:0.97, M:0.15, Y:0, K:0.06. Its decimal value is 511216.

Hex triplet	07ccf0	`#07ccf0`
RGB Decimal	7, 204, 240	`rgb(7,204,240)`
RGB Percent	2.7, 80, 94.1	`rgb(2.7%,80%,94.1%)`
CMYK	97, 15, 0, 6
HSL	189.3°, 94.3, 48.4	`hsl(189.3,94.3%,48.4%)`
HSV (or HSB)	189.3°, 97.1, 94.1
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.773, -29.165, -29.482
XYZ	37.404, 49.518, 90.02
xyY	0.211, 0.28, 49.518
CIE-LCH	75.773, 41.47, 225.31
CIE-LUV	75.773, -54.552, -43.332
Hunter-Lab	70.369, -28.266, -26.588
Binary	00000111, 11001100, 11110000

#07ccf0
```
#07ccf0 rgb(7,204,240)
```
#f02b07
```
#f02b07 rgb(240,43,7)
```

Complementary Color

#07f0a0
```
#07f0a0 rgb(7,240,160)
```
#07ccf0
```
#07ccf0 rgb(7,204,240)
```
#0758f0
```
#0758f0 rgb(7,88,240)
```

Analogous Color

#f0a007
```
#f0a007 rgb(240,160,7)
```
#07ccf0
```
#07ccf0 rgb(7,204,240)
```
#f00757
```
#f00757 rgb(240,7,87)
```

Split Complementary Color

#ccf007
```
#ccf007 rgb(204,240,7)
```
#07ccf0
```
#07ccf0 rgb(7,204,240)
```
#f007cc
```
#f007cc rgb(240,7,204)
```

Triadic Color

#07f02b
```
#07f02b rgb(7,240,43)
```
#07ccf0
```
#07ccf0 rgb(7,204,240)
```
#f007cc
```
#f007cc rgb(240,7,204)
```
#f02b07
```
#f02b07 rgb(240,43,7)
```

Tetradic Color

#058da6
```
#058da6 rgb(5,141,166)
```
#06a2be
```
#06a2be rgb(6,162,190)
```
#06b7d7
```
#06b7d7 rgb(6,183,215)
```
#07ccf0
```
#07ccf0 rgb(7,204,240)
```
#18d6f8
```
#18d6f8 rgb(24,214,248)
```
#31daf9
```
#31daf9 rgb(49,218,249)
```
#4adffa
```
#4adffa rgb(74,223,250)
```

Monochromatic Color

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

#07f0da
```
#07f0da rgb(7,240,218)
```
#07f0ed
```
#07f0ed rgb(7,240,237)
```
#07dff0
```
#07dff0 rgb(7,223,240)
```
#07ccf0
```
#07ccf0 rgb(7,204,240)
```
#07b9f0
```
#07b9f0 rgb(7,185,240)
```
#07a5f0
```
#07a5f0 rgb(7,165,240)
```
#0792f0
```
#0792f0 rgb(7,146,240)
```

Similar Colors

Text with hexadecimal color #07ccf0

This text has a font color of #07ccf0.

<span style="color:#07ccf0;">Text here</span>

#07ccf0 background color

This paragraph has a background color of #07ccf0.

<p style="background-color:#07ccf0;">Content here</p>

#07ccf0 border color

This element has a border color of #07ccf0.

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

CSS codes

.text {color:#07ccf0;}

.background {background-color:#07ccf0;}

.border {border:1px solid #07ccf0;}

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 #f7feff is the lightest one.

#000a0b
```
#000a0b rgb(0,10,11)
```
#011a1e
```
#011a1e rgb(1,26,30)
```
#012a31
```
#012a31 rgb(1,42,49)
```
#023a44
```
#023a44 rgb(2,58,68)
```
#034a58
```
#034a58 rgb(3,74,88)
```
#035b6b
```
#035b6b rgb(3,91,107)
```
#046b7e
```
#046b7e rgb(4,107,126)
```
#047b91
```
#047b91 rgb(4,123,145)
```
#058ba4
```
#058ba4 rgb(5,139,164)
```
#059bb7
```
#059bb7 rgb(5,155,183)
```
#06acca
```
#06acca rgb(6,172,202)
```
#06bcdd
```
#06bcdd rgb(6,188,221)
```
#07ccf0
```
#07ccf0 rgb(7,204,240)
```

Shade Color Variation

#13d5f8
```
#13d5f8 rgb(19,213,248)
```
#26d8f9
```
#26d8f9 rgb(38,216,249)
```
#39dbf9
```
#39dbf9 rgb(57,219,249)
```
#4cdffa
```
#4cdffa rgb(76,223,250)
```
#5fe2fa
```
#5fe2fa rgb(95,226,250)
```
#72e6fb
```
#72e6fb rgb(114,230,251)
```
#85e9fb
```
#85e9fb rgb(133,233,251)
```
#98edfc
```
#98edfc rgb(152,237,252)
```
#abf0fd
```
#abf0fd rgb(171,240,253)
```
#bef3fd
```
#bef3fd rgb(190,243,253)
```
#d1f7fe
```
#d1f7fe rgb(209,247,254)
```
#e4fafe
```
#e4fafe rgb(228,250,254)
```
#f7feff
```
#f7feff rgb(247,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797d7e is the less saturated color, while #07ccf0 is the most saturated one.

#797d7e
```
#797d7e rgb(121,125,126)
```
#708488
```
#708488 rgb(112,132,136)
```
#668a91
```
#668a91 rgb(102,138,145)
```
#5d919b
```
#5d919b rgb(93,145,155)
```
#5397a4
```
#5397a4 rgb(83,151,164)
```
#4a9eae
```
#4a9eae rgb(74,158,174)
```
#40a5b7
```
#40a5b7 rgb(64,165,183)
```
#37abc1
```
#37abc1 rgb(55,171,193)
```
#2db2ca
```
#2db2ca rgb(45,178,202)
```
#24b8d4
```
#24b8d4 rgb(36,184,212)
```
#1abfdd
```
#1abfdd rgb(26,191,221)
```
#11c5e7
```
#11c5e7 rgb(17,197,231)
```
#07ccf0
```
#07ccf0 rgb(7,204,240)
```

Tone Color Variation

Below, you can see how #07ccf0 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

#959595 Achromatopsia 0.005% of the population
#79a0a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4bce5 Protanopia 1% of men
#adbbf8 Deuteranopia 1% of men
#00d0df Tritanopia 0.001% of the population

Trichromacy

#75c2e9 Protanomaly 1% of men, 0.01% of women
#71c1f5 Deuteranomaly 6% of men, 0.4% of women
#02cfe5 Tritanomaly 0.01% of the population

#07ccf0 hex color

#07ccf0 Color Information

#07ccf0 Color Conversion

Color Schemes with #07ccf0

Alternatives to #07ccf0

#07ccf0 Preview

Shades and Tints of #07ccf0

Tones of #07ccf0

Color Blindness Simulator