#07afe1 hex color

In a RGB color space, hex #07afe1 is composed of 2.7% red, 68.6% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 96.9% cyan, 22.2% magenta, 0% yellow and 11.8% black. It has a hue angle of 193.8 degrees, a saturation of 94% and a lightness of 45.5%. #07afe1 color hex could be obtained by blending #0effff with #005fc3. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 3
- G 69
- B 88
RGB color chart
- C 97
- M 22
- Y 0
- K 12
CMYK color chart

● #07afe1 color description : Vivid cyan.

The hexadecimal color #07afe1 has RGB values of R:7, G:175, B:225 and CMYK values of C:0.97, M:0.22, Y:0, K:0.12. Its decimal value is 503777.

Hex triplet	07afe1	`#07afe1`
RGB Decimal	7, 175, 225	`rgb(7,175,225)`
RGB Percent	2.7, 68.6, 88.2	`rgb(2.7%,68.6%,88.2%)`
CMYK	97, 22, 0, 12
HSL	193.8°, 94, 45.5	`hsl(193.8,94%,45.5%)`
HSV (or HSB)	193.8°, 96.9, 88.2
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.626, -19.52, -35.478
XYZ	29.005, 36.138, 76.677
xyY	0.205, 0.255, 36.138
CIE-LCH	66.626, 40.494, 241.181
CIE-LUV	66.626, -45.921, -53.997
Hunter-Lab	60.115, -19.079, -33.543
Binary	00000111, 10101111, 11100001

#07afe1
```
#07afe1 rgb(7,175,225)
```
#e13907
```
#e13907 rgb(225,57,7)
```

Complementary Color

#07e1a6
```
#07e1a6 rgb(7,225,166)
```
#07afe1
```
#07afe1 rgb(7,175,225)
```
#0742e1
```
#0742e1 rgb(7,66,225)
```

Analogous Color

#e1a607
```
#e1a607 rgb(225,166,7)
```
#07afe1
```
#07afe1 rgb(7,175,225)
```
#e10742
```
#e10742 rgb(225,7,66)
```

Split Complementary Color

#afe107
```
#afe107 rgb(175,225,7)
```
#07afe1
```
#07afe1 rgb(7,175,225)
```
#e107af
```
#e107af rgb(225,7,175)
```

Triadic Color

#07e139
```
#07e139 rgb(7,225,57)
```
#07afe1
```
#07afe1 rgb(7,175,225)
```
#e107af
```
#e107af rgb(225,7,175)
```
#e13907
```
#e13907 rgb(225,57,7)
```

Tetradic Color

#057597
```
#057597 rgb(5,117,151)
```
#0589b0
```
#0589b0 rgb(5,137,176)
```
#069cc8
```
#069cc8 rgb(6,156,200)
```
#07afe1
```
#07afe1 rgb(7,175,225)
```
#0ac1f7
```
#0ac1f7 rgb(10,193,247)
```
#23c7f8
```
#23c7f8 rgb(35,199,248)
```
#3ccdf9
```
#3ccdf9 rgb(60,205,249)
```

Monochromatic Color

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

#07e1dd
```
#07e1dd rgb(7,225,221)
```
#07d3e1
```
#07d3e1 rgb(7,211,225)
```
#07c1e1
```
#07c1e1 rgb(7,193,225)
```
#07afe1
```
#07afe1 rgb(7,175,225)
```
#079de1
```
#079de1 rgb(7,157,225)
```
#078be1
```
#078be1 rgb(7,139,225)
```
#0779e1
```
#0779e1 rgb(7,121,225)
```

Similar Colors

Text with hexadecimal color #07afe1

This text has a font color of #07afe1.

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

#07afe1 background color

This paragraph has a background color of #07afe1.

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

#07afe1 border color

This element has a border color of #07afe1.

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

CSS codes

.text {color:#07afe1;}

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

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

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

#000c10
```
#000c10 rgb(0,12,16)
```
#011b23
```
#011b23 rgb(1,27,35)
```
#022a36
```
#022a36 rgb(2,42,54)
```
#023949
```
#023949 rgb(2,57,73)
```
#03475c
```
#03475c rgb(3,71,92)
```
#03566f
```
#03566f rgb(3,86,111)
```
#046582
```
#046582 rgb(4,101,130)
```
#057495
```
#057495 rgb(5,116,149)
```
#0583a8
```
#0583a8 rgb(5,131,168)
```
#0691bb
```
#0691bb rgb(6,145,187)
```
#06a0ce
```
#06a0ce rgb(6,160,206)
```
#07afe1
```
#07afe1 rgb(7,175,225)
```
#08bef4
```
#08bef4 rgb(8,190,244)
```

Shade Color Variation

#17c4f8
```
#17c4f8 rgb(23,196,248)
```
#2ac9f8
```
#2ac9f8 rgb(42,201,248)
```
#3dcef9
```
#3dcef9 rgb(61,206,249)
```
#51d3fa
```
#51d3fa rgb(81,211,250)
```
#64d8fa
```
#64d8fa rgb(100,216,250)
```
#77dcfb
```
#77dcfb rgb(119,220,251)
```
#8ae1fb
```
#8ae1fb rgb(138,225,251)
```
#9de6fc
```
#9de6fc rgb(157,230,252)
```
#b0ebfd
```
#b0ebfd rgb(176,235,253)
```
#c3f0fd
```
#c3f0fd rgb(195,240,253)
```
#d6f5fe
```
#d6f5fe rgb(214,245,254)
```
#e9f9fe
```
#e9f9fe rgb(233,249,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#727576
```
#727576 rgb(114,117,118)
```
#697a7f
```
#697a7f rgb(105,122,127)
```
#607f88
```
#607f88 rgb(96,127,136)
```
#578491
```
#578491 rgb(87,132,145)
```
#4e889a
```
#4e889a rgb(78,136,154)
```
#458da3
```
#458da3 rgb(69,141,163)
```
#3d92ab
```
#3d92ab rgb(61,146,171)
```
#3497b4
```
#3497b4 rgb(52,151,180)
```
#2b9cbd
```
#2b9cbd rgb(43,156,189)
```
#22a1c6
```
#22a1c6 rgb(34,161,198)
```
#19a5cf
```
#19a5cf rgb(25,165,207)
```
#10aad8
```
#10aad8 rgb(16,170,216)
```
#07afe1
```
#07afe1 rgb(7,175,225)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#698b95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97a5d8 Protanopia 1% of men
#8ba5e8 Deuteranopia 1% of men
#00b7c3 Tritanopia 0.001% of the population

Trichromacy

#62a8db Protanomaly 1% of men, 0.01% of women
#5ba9e5 Deuteranomaly 6% of men, 0.4% of women
#02b4ce Tritanomaly 0.01% of the population

#07afe1 hex color

#07afe1 Color Information

#07afe1 Color Conversion

Color Schemes with #07afe1

Alternatives to #07afe1

#07afe1 Preview

Shades and Tints of #07afe1

Tones of #07afe1

Color Blindness Simulator