colorhexa.com

#07afde hex color

In a RGB color space, hex #07afde is composed of 2.7% red, 68.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 96.8% cyan, 21.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 193.1 degrees, a saturation of 93.9% and a lightness of 44.9%. #07afde color hex could be obtained by blending #0effff with #005fbd. Closest websafe color is: #0099cc.

- R 3
- G 69
- B 87
RGB color chart
- C 97
- M 21
- Y 0
- K 13
CMYK color chart

● #07afde color description : Vivid cyan.

The hexadecimal color #07afde has RGB values of R:7, G:175, B:222 and CMYK values of C:0.97, M:0.21, Y:0, K:0.13. Its decimal value is 503774.

Hex triplet	07afde	`#07afde`
RGB Decimal	7, 175, 222	`rgb(7,175,222)`
RGB Percent	2.7, 68.6, 87.1	`rgb(2.7%,68.6%,87.1%)`
CMYK	97, 21, 0, 13
HSL	193.1°, 93.9, 44.9	`hsl(193.1,93.9%,44.9%)`
HSV (or HSB)	193.1°, 96.8, 87.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.502, -20.563, -34.023
XYZ	28.599, 35.976, 74.54
xyY	0.206, 0.259, 35.976
CIE-LCH	66.502, 39.755, 238.852
CIE-LUV	66.502, -46.145, -51.391
Hunter-Lab	59.98, -19.855, -31.696
Binary	00000111, 10101111, 11011110

#07afde
```
#07afde rgb(7,175,222)
```
#de3607
```
#de3607 rgb(222,54,7)
```

Complementary Color

#07dea2
```
#07dea2 rgb(7,222,162)
```
#07afde
```
#07afde rgb(7,175,222)
```
#0743de
```
#0743de rgb(7,67,222)
```

Analogous Color

#dea207
```
#dea207 rgb(222,162,7)
```
#07afde
```
#07afde rgb(7,175,222)
```
#de0744
```
#de0744 rgb(222,7,68)
```

Split Complementary Color

#afde07
```
#afde07 rgb(175,222,7)
```
#07afde
```
#07afde rgb(7,175,222)
```
#de07af
```
#de07af rgb(222,7,175)
```

Triadic Color

#057594
```
#057594 rgb(5,117,148)
```
#0588ad
```
#0588ad rgb(5,136,173)
```
#069cc5
```
#069cc5 rgb(6,156,197)
```
#07afde
```
#07afde rgb(7,175,222)
```
#08c2f7
```
#08c2f7 rgb(8,194,247)
```
#20c9f8
```
#20c9f8 rgb(32,201,248)
```
#39cff9
```
#39cff9 rgb(57,207,249)
```

Monochromatic Color

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

#07ded7
```
#07ded7 rgb(7,222,215)
```
#07d3de
```
#07d3de rgb(7,211,222)
```
#07c1de
```
#07c1de rgb(7,193,222)
```
#07afde
```
#07afde rgb(7,175,222)
```
#079dde
```
#079dde rgb(7,157,222)
```
#078bde
```
#078bde rgb(7,139,222)
```
#0779de
```
#0779de rgb(7,121,222)
```

Similar Colors

Text with hexadecimal color #07afde

This text has a font color of #07afde.

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

#07afde background color

This paragraph has a background color of #07afde.

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

#07afde border color

This element has a border color of #07afde.

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

CSS codes

.text {color:#07afde;}

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

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

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

#000a0d
```
#000a0d rgb(0,10,13)
```
#011920
```
#011920 rgb(1,25,32)
```
#022833
```
#022833 rgb(2,40,51)
```
#023746
```
#023746 rgb(2,55,70)
```
#034659
```
#034659 rgb(3,70,89)
```
#03556c
```
#03556c rgb(3,85,108)
```
#04647f
```
#04647f rgb(4,100,127)
```
#057392
```
#057392 rgb(5,115,146)
```
#0582a5
```
#0582a5 rgb(5,130,165)
```
#0691b8
```
#0691b8 rgb(6,145,184)
```
#06a0cb
```
#06a0cb rgb(6,160,203)
```
#07afde
```
#07afde rgb(7,175,222)
```
#08bef1
```
#08bef1 rgb(8,190,241)
```

Shade Color Variation

#15c6f8
```
#15c6f8 rgb(21,198,248)
```
#28cbf8
```
#28cbf8 rgb(40,203,248)
```
#3bcff9
```
#3bcff9 rgb(59,207,249)
```
#4ed4f9
```
#4ed4f9 rgb(78,212,249)
```
#61d8fa
```
#61d8fa rgb(97,216,250)
```
#74ddfb
```
#74ddfb rgb(116,221,251)
```
#87e2fb
```
#87e2fb rgb(135,226,251)
```
#9ae6fc
```
#9ae6fc rgb(154,230,252)
```
#adebfc
```
#adebfc rgb(173,235,252)
```
#c0f0fd
```
#c0f0fd rgb(192,240,253)
```
#d3f4fe
```
#d3f4fe rgb(211,244,254)
```
#e6f9fe
```
#e6f9fe rgb(230,249,254)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

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

#717474
```
#717474 rgb(113,116,116)
```
#68787d
```
#68787d rgb(104,120,125)
```
#5f7d86
```
#5f7d86 rgb(95,125,134)
```
#56828f
```
#56828f rgb(86,130,143)
```
#4d8798
```
#4d8798 rgb(77,135,152)
```
#458ca0
```
#458ca0 rgb(69,140,160)
```
#3c91a9
```
#3c91a9 rgb(60,145,169)
```
#3396b2
```
#3396b2 rgb(51,150,178)
```
#2a9bbb
```
#2a9bbb rgb(42,155,187)
```
#21a0c4
```
#21a0c4 rgb(33,160,196)
```
#19a5cc
```
#19a5cc rgb(25,165,204)
```
#10aad5
```
#10aad5 rgb(16,170,213)
```
#07afde
```
#07afde rgb(7,175,222)
```

Tone Color Variation

Below, you can see how #07afde 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
#698b94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a4d5 Protanopia 1% of men
#8da5e5 Deuteranopia 1% of men
#00b6c3 Tritanopia 0.001% of the population

Trichromacy

#63a8d8 Protanomaly 1% of men, 0.01% of women
#5ca8e2 Deuteranomaly 6% of men, 0.4% of women
#02b3cd Tritanomaly 0.01% of the population