#07afff hex color

In a RGB color space, hex #07afff is composed of 2.7% red, 68.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 97.3% cyan, 31.4% magenta, 0% yellow and 0% black. It has a hue angle of 199.4 degrees, a saturation of 100% and a lightness of 51.4%. #07afff color hex could be obtained by blending #0effff with #005fff. Closest websafe color is: #0099ff.

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

● #07afff color description : Vivid blue.

The hexadecimal color #07afff has RGB values of R:7, G:175, B:255 and CMYK values of C:0.97, M:0.31, Y:0, K:0. Its decimal value is 503807.

Hex triplet	07afff	`#07afff`
RGB Decimal	7, 175, 255	`rgb(7,175,255)`
RGB Percent	2.7, 68.6, 100	`rgb(2.7%,68.6%,100%)`
CMYK	97, 31, 0, 0
HSL	199.4°, 100, 51.4	`hsl(199.4,100%,51.4%)`
HSV (or HSB)	199.4°, 97.3, 100
Web Safe	0099ff	`#0099ff`

CIE-LAB	67.963, -8.852, -49.745
XYZ	33.463, 37.922, 100.158
xyY	0.195, 0.221, 37.922
CIE-LCH	67.963, 50.526, 259.91
CIE-LUV	67.963, -43.797, -79.764
Hunter-Lab	61.581, -10.769, -53.326
Binary	00000111, 10101111, 11111111

#07afff
```
#07afff rgb(7,175,255)
```
#ff5707
```
#ff5707 rgb(255,87,7)
```

Complementary Color

#07ffd3
```
#07ffd3 rgb(7,255,211)
```
#07afff
```
#07afff rgb(7,175,255)
```
#0733ff
```
#0733ff rgb(7,51,255)
```

Analogous Color

#ffd307
```
#ffd307 rgb(255,211,7)
```
#07afff
```
#07afff rgb(7,175,255)
```
#ff0733
```
#ff0733 rgb(255,7,51)
```

Split Complementary Color

#afff07
```
#afff07 rgb(175,255,7)
```
#07afff
```
#07afff rgb(7,175,255)
```
#ff07af
```
#ff07af rgb(255,7,175)
```

Triadic Color

#07ff57
```
#07ff57 rgb(7,255,87)
```
#07afff
```
#07afff rgb(7,175,255)
```
#ff07af
```
#ff07af rgb(255,7,175)
```
#ff5707
```
#ff5707 rgb(255,87,7)
```

Tetradic Color

#007eba
```
#007eba rgb(0,126,186)
```
#008fd3
```
#008fd3 rgb(0,143,211)
```
#00a0ed
```
#00a0ed rgb(0,160,237)
```
#07afff
```
#07afff rgb(7,175,255)
```
#21b7ff
```
#21b7ff rgb(33,183,255)
```
#3abfff
```
#3abfff rgb(58,191,255)
```
#54c8ff
```
#54c8ff rgb(84,200,255)
```

Monochromatic Color

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

#07edff
```
#07edff rgb(7,237,255)
```
#07d8ff
```
#07d8ff rgb(7,216,255)
```
#07c4ff
```
#07c4ff rgb(7,196,255)
```
#07afff
```
#07afff rgb(7,175,255)
```
#079aff
```
#079aff rgb(7,154,255)
```
#0786ff
```
#0786ff rgb(7,134,255)
```
#0771ff
```
#0771ff rgb(7,113,255)
```

Similar Colors

Text with hexadecimal color #07afff

This text has a font color of #07afff.

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

#07afff background color

This paragraph has a background color of #07afff.

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

#07afff border color

This element has a border color of #07afff.

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

CSS codes

.text {color:#07afff;}

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

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

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, #000507 is the darkest color, while #f2fbff is the lightest one.

#000507
```
#000507 rgb(0,5,7)
```
#00121b
```
#00121b rgb(0,18,27)
```
#001f2e
```
#001f2e rgb(0,31,46)
```
#002d42
```
#002d42 rgb(0,45,66)
```
#003a55
```
#003a55 rgb(0,58,85)
```
#004769
```
#004769 rgb(0,71,105)
```
#00547d
```
#00547d rgb(0,84,125)
```
#006290
```
#006290 rgb(0,98,144)
```
#006fa4
```
#006fa4 rgb(0,111,164)
```
#007cb8
```
#007cb8 rgb(0,124,184)
```
#008acb
```
#008acb rgb(0,138,203)
```
#0097df
```
#0097df rgb(0,151,223)
```
#00a4f2
```
#00a4f2 rgb(0,164,242)
```

Shade Color Variation

#07afff
```
#07afff rgb(7,175,255)
```
#1bb5ff
```
#1bb5ff rgb(27,181,255)
```
#2ebcff
```
#2ebcff rgb(46,188,255)
```
#42c2ff
```
#42c2ff rgb(66,194,255)
```
#55c8ff
```
#55c8ff rgb(85,200,255)
```
#69cfff
```
#69cfff rgb(105,207,255)
```
#7dd5ff
```
#7dd5ff rgb(125,213,255)
```
#90dbff
```
#90dbff rgb(144,219,255)
```
#a4e2ff
```
#a4e2ff rgb(164,226,255)
```
#b8e8ff
```
#b8e8ff rgb(184,232,255)
```
#cbeeff
```
#cbeeff rgb(203,238,255)
```
#dff5ff
```
#dff5ff rgb(223,245,255)
```
#f2fbff
```
#f2fbff rgb(242,251,255)
```

Tint Color Variation

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

#79868d
```
#79868d rgb(121,134,141)
```
#708a96
```
#708a96 rgb(112,138,150)
```
#668da0
```
#668da0 rgb(102,141,160)
```
#5d91a9
```
#5d91a9 rgb(93,145,169)
```
#5394b3
```
#5394b3 rgb(83,148,179)
```
#4a97bc
```
#4a97bc rgb(74,151,188)
```
#409bc6
```
#409bc6 rgb(64,155,198)
```
#379ecf
```
#379ecf rgb(55,158,207)
```
#2da1d9
```
#2da1d9 rgb(45,161,217)
```
#24a5e2
```
#24a5e2 rgb(36,165,226)
```
#1aa8ec
```
#1aa8ec rgb(26,168,236)
```
#11acf5
```
#11acf5 rgb(17,172,245)
```
#07afff
```
#07afff rgb(7,175,255)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#6d8e9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8da7f6 Protanopia 1% of men
#77aaff Deuteranopia 1% of men
#00bac7 Tritanopia 0.001% of the population

Trichromacy

#5caaf9 Protanomaly 1% of men, 0.01% of women
#4eacff Deuteranomaly 6% of men, 0.4% of women
#02b6db Tritanomaly 0.01% of the population

#07afff hex color

#07afff Color Information

#07afff Color Conversion

Color Schemes with #07afff

Alternatives to #07afff

#07afff Preview

Shades and Tints of #07afff

Tones of #07afff

Color Blindness Simulator