#07afef hex color

In a RGB color space, hex #07afef is composed of 2.7% red, 68.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 97.1% cyan, 26.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 196.6 degrees, a saturation of 94.3% and a lightness of 48.2%. #07afef color hex could be obtained by blending #0effff with #005fdf. Closest websafe color is: #0099ff.

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

● #07afef color description : Vivid blue.

The hexadecimal color #07afef has RGB values of R:7, G:175, B:239 and CMYK values of C:0.97, M:0.27, Y:0, K:0.06. Its decimal value is 503791.

Hex triplet	07afef	`#07afef`
RGB Decimal	7, 175, 239	`rgb(7,175,239)`
RGB Percent	2.7, 68.6, 93.7	`rgb(2.7%,68.6%,93.7%)`
CMYK	97, 27, 0, 6
HSL	196.6°, 94.3, 48.2	`hsl(196.6,94.3%,48.2%)`
HSV (or HSB)	196.6°, 97.1, 93.7
Web Safe	0099ff	`#0099ff`

CIE-LAB	67.228, -14.589, -42.2
XYZ	30.994, 36.934, 87.152
xyY	0.2, 0.238, 36.934
CIE-LCH	67.228, 44.651, 250.929
CIE-LUV	67.228, -44.902, -66.101
Hunter-Lab	60.773, -15.321, -42.483
Binary	00000111, 10101111, 11101111

#07afef
```
#07afef rgb(7,175,239)
```
#ef4707
```
#ef4707 rgb(239,71,7)
```

Complementary Color

#07efbb
```
#07efbb rgb(7,239,187)
```
#07afef
```
#07afef rgb(7,175,239)
```
#073bef
```
#073bef rgb(7,59,239)
```

Analogous Color

#efbb07
```
#efbb07 rgb(239,187,7)
```
#07afef
```
#07afef rgb(7,175,239)
```
#ef073b
```
#ef073b rgb(239,7,59)
```

Split Complementary Color

#afef07
```
#afef07 rgb(175,239,7)
```
#07afef
```
#07afef rgb(7,175,239)
```
#ef07af
```
#ef07af rgb(239,7,175)
```

Triadic Color

#07ef47
```
#07ef47 rgb(7,239,71)
```
#07afef
```
#07afef rgb(7,175,239)
```
#ef07af
```
#ef07af rgb(239,7,175)
```
#ef4707
```
#ef4707 rgb(239,71,7)
```

Tetradic Color

#0579a5
```
#0579a5 rgb(5,121,165)
```
#068bbd
```
#068bbd rgb(6,139,189)
```
#069dd6
```
#069dd6 rgb(6,157,214)
```
#07afef
```
#07afef rgb(7,175,239)
```
#17baf8
```
#17baf8 rgb(23,186,248)
```
#30c2f9
```
#30c2f9 rgb(48,194,249)
```
#49c9fa
```
#49c9fa rgb(73,201,250)
```

Monochromatic Color

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

#07e9ef
```
#07e9ef rgb(7,233,239)
```
#07d6ef
```
#07d6ef rgb(7,214,239)
```
#07c2ef
```
#07c2ef rgb(7,194,239)
```
#07afef
```
#07afef rgb(7,175,239)
```
#079cef
```
#079cef rgb(7,156,239)
```
#0788ef
```
#0788ef rgb(7,136,239)
```
#0775ef
```
#0775ef rgb(7,117,239)
```

Similar Colors

Text with hexadecimal color #07afef

This text has a font color of #07afef.

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

#07afef background color

This paragraph has a background color of #07afef.

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

#07afef border color

This element has a border color of #07afef.

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

CSS codes

.text {color:#07afef;}

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

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

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, #00080a is the darkest color, while #f6fcff is the lightest one.

#00080a
```
#00080a rgb(0,8,10)
```
#01161d
```
#01161d rgb(1,22,29)
```
#012330
```
#012330 rgb(1,35,48)
```
#023143
```
#023143 rgb(2,49,67)
```
#033f57
```
#033f57 rgb(3,63,87)
```
#034d6a
```
#034d6a rgb(3,77,106)
```
#045b7d
```
#045b7d rgb(4,91,125)
```
#046990
```
#046990 rgb(4,105,144)
```
#0577a3
```
#0577a3 rgb(5,119,163)
```
#0585b6
```
#0585b6 rgb(5,133,182)
```
#0693c9
```
#0693c9 rgb(6,147,201)
```
#06a1dc
```
#06a1dc rgb(6,161,220)
```
#07afef
```
#07afef rgb(7,175,239)
```

Shade Color Variation

#12b8f8
```
#12b8f8 rgb(18,184,248)
```
#25bef9
```
#25bef9 rgb(37,190,249)
```
#38c4f9
```
#38c4f9 rgb(56,196,249)
```
#4bc9fa
```
#4bc9fa rgb(75,201,250)
```
#5ecffa
```
#5ecffa rgb(94,207,250)
```
#71d5fb
```
#71d5fb rgb(113,213,251)
```
#84dafb
```
#84dafb rgb(132,218,251)
```
#97e0fc
```
#97e0fc rgb(151,224,252)
```
#aae6fd
```
#aae6fd rgb(170,230,253)
```
#bdebfd
```
#bdebfd rgb(189,235,253)
```
#d0f1fe
```
#d0f1fe rgb(208,241,254)
```
#e3f7fe
```
#e3f7fe rgb(227,247,254)
```
#f6fcff
```
#f6fcff rgb(246,252,255)
```

Tint Color Variation

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

#797c7d
```
#797c7d rgb(121,124,125)
```
#6f8087
```
#6f8087 rgb(111,128,135)
```
#668590
```
#668590 rgb(102,133,144)
```
#5c899a
```
#5c899a rgb(92,137,154)
```
#538da3
```
#538da3 rgb(83,141,163)
```
#4991ad
```
#4991ad rgb(73,145,173)
```
#4096b6
```
#4096b6 rgb(64,150,182)
```
#369ac0
```
#369ac0 rgb(54,154,192)
```
#2d9ec9
```
#2d9ec9 rgb(45,158,201)
```
#23a2d3
```
#23a2d3 rgb(35,162,211)
```
#1aa7dc
```
#1aa7dc rgb(26,167,220)
```
#10abe6
```
#10abe6 rgb(16,171,230)
```
#07afef
```
#07afef rgb(7,175,239)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6b8d99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92a6e6 Protanopia 1% of men
#81a7f4 Deuteranopia 1% of men
#00b8c5 Tritanopia 0.001% of the population

Trichromacy

#60a9e9 Protanomaly 1% of men, 0.01% of women
#55aaf2 Deuteranomaly 6% of men, 0.4% of women
#02b5d4 Tritanomaly 0.01% of the population

#07afef hex color

#07afef Color Information

#07afef Color Conversion

Color Schemes with #07afef

Alternatives to #07afef

#07afef Preview

Shades and Tints of #07afef

Tones of #07afef

Color Blindness Simulator