colorhexa.com

#7af9fe hex color

In a RGB color space, hex #7af9fe is composed of 47.8% red, 97.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 2% magenta, 0% yellow and 0.4% black. It has a hue angle of 182.3 degrees, a saturation of 98.5% and a lightness of 73.7%. #7af9fe color hex could be obtained by blending #f4ffff with #00f3fd. Closest websafe color is: #66ffff.

- R 48
- G 98
- B 100
RGB color chart
- C 52
- M 2
- Y 0
- K 0
CMYK color chart

● #7af9fe color description : Soft cyan.

The hexadecimal color #7af9fe has RGB values of R:122, G:249, B:254 and CMYK values of C:0.52, M:0.02, Y:0, K:0. Its decimal value is 8059390.

Hex triplet	7af9fe	`#7af9fe`
RGB Decimal	122, 249, 254	`rgb(122,249,254)`
RGB Percent	47.8, 97.6, 99.6	`rgb(47.8%,97.6%,99.6%)`
CMYK	52, 2, 0, 0
HSL	182.3°, 98.5, 73.7	`hsl(182.3,98.5%,73.7%)`
HSV (or HSB)	182.3°, 52, 99.6
Web Safe	66ffff	`#66ffff`

CIE-LAB	91.253, -33.888, -13.217
XYZ	59.786, 79.04, 105.866
xyY	0.244, 0.323, 79.04
CIE-LCH	91.253, 36.374, 201.307
CIE-LUV	91.253, -53.188, -15.667
Hunter-Lab	88.905, -35.547, -8.368
Binary	01111010, 11111001, 11111110

#7af9fe
```
#7af9fe rgb(122,249,254)
```
#fe7f7a
```
#fe7f7a rgb(254,127,122)
```

Complementary Color

#7afec1
```
#7afec1 rgb(122,254,193)
```
#7af9fe
```
#7af9fe rgb(122,249,254)
```
#7ab7fe
```
#7ab7fe rgb(122,183,254)
```

Analogous Color

#fec17a
```
#fec17a rgb(254,193,122)
```
#7af9fe
```
#7af9fe rgb(122,249,254)
```
#fe7ab7
```
#fe7ab7 rgb(254,122,183)
```

Split Complementary Color

#f9fe7a
```
#f9fe7a rgb(249,254,122)
```
#7af9fe
```
#7af9fe rgb(122,249,254)
```
#fe7af9
```
#fe7af9 rgb(254,122,249)
```

Triadic Color

#7afe7f
```
#7afe7f rgb(122,254,127)
```
#7af9fe
```
#7af9fe rgb(122,249,254)
```
#fe7af9
```
#fe7af9 rgb(254,122,249)
```
#fe7f7a
```
#fe7f7a rgb(254,127,122)
```

Tetradic Color

#2ef6fd
```
#2ef6fd rgb(46,246,253)
```
#47f7fe
```
#47f7fe rgb(71,247,254)
```
#61f8fe
```
#61f8fe rgb(97,248,254)
```
#7af9fe
```
#7af9fe rgb(122,249,254)
```
#93fafe
```
#93fafe rgb(147,250,254)
```
#adfbfe
```
#adfbfe rgb(173,251,254)
```
#c6fcff
```
#c6fcff rgb(198,252,255)
```

Monochromatic Color

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

#7afee2
```
#7afee2 rgb(122,254,226)
```
#7afeed
```
#7afeed rgb(122,254,237)
```
#7afef8
```
#7afef8 rgb(122,254,248)
```
#7af9fe
```
#7af9fe rgb(122,249,254)
```
#7aeefe
```
#7aeefe rgb(122,238,254)
```
#7ae3fe
```
#7ae3fe rgb(122,227,254)
```
#7ad8fe
```
#7ad8fe rgb(122,216,254)
```

Similar Colors

Text with hexadecimal color #7af9fe

This text has a font color of #7af9fe.

<span style="color:#7af9fe;">Text here</span>

#7af9fe background color

This paragraph has a background color of #7af9fe.

<p style="background-color:#7af9fe;">Content here</p>

#7af9fe border color

This element has a border color of #7af9fe.

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

CSS codes

.text {color:#7af9fe;}

.background {background-color:#7af9fe;}

.border {border:1px solid #7af9fe;}

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

#000303
```
#000303 rgb(0,3,3)
```
#001617
```
#001617 rgb(0,22,23)
```
#00292a
```
#00292a rgb(0,41,42)
```
#003b3e
```
#003b3e rgb(0,59,62)
```
#014e51
```
#014e51 rgb(1,78,81)
```
#016165
```
#016165 rgb(1,97,101)
```
#017478
```
#017478 rgb(1,116,120)
```
#01868c
```
#01868c rgb(1,134,140)
```
#01999f
```
#01999f rgb(1,153,159)
```
#01acb3
```
#01acb3 rgb(1,172,179)
```
#01bfc6
```
#01bfc6 rgb(1,191,198)
```
#02d1d9
```
#02d1d9 rgb(2,209,217)
```
#02e4ed
```
#02e4ed rgb(2,228,237)
```

Shade Color Variation

#05f4fd
```
#05f4fd rgb(5,244,253)
```
#19f5fd
```
#19f5fd rgb(25,245,253)
```
#2cf5fd
```
#2cf5fd rgb(44,245,253)
```
#40f6fe
```
#40f6fe rgb(64,246,254)
```
#53f7fe
```
#53f7fe rgb(83,247,254)
```
#67f8fe
```
#67f8fe rgb(103,248,254)
```
#7af9fe
```
#7af9fe rgb(122,249,254)
```
#8dfafe
```
#8dfafe rgb(141,250,254)
```
#a1fbfe
```
#a1fbfe rgb(161,251,254)
```
#b4fcfe
```
#b4fcfe rgb(180,252,254)
```
#c8fdff
```
#c8fdff rgb(200,253,255)
```
#dbfdff
```
#dbfdff rgb(219,253,255)
```
#effeff
```
#effeff rgb(239,254,255)
```

Tint Color Variation

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

#b8c0c0
```
#b8c0c0 rgb(184,192,192)
```
#b3c5c5
```
#b3c5c5 rgb(179,197,197)
```
#aec9ca
```
#aec9ca rgb(174,201,202)
```
#a8ced0
```
#a8ced0 rgb(168,206,208)
```
#a3d3d5
```
#a3d3d5 rgb(163,211,213)
```
#9ed8da
```
#9ed8da rgb(158,216,218)
```
#99dcdf
```
#99dcdf rgb(153,220,223)
```
#94e1e4
```
#94e1e4 rgb(148,225,228)
```
#8fe6e9
```
#8fe6e9 rgb(143,230,233)
```
#89ebef
```
#89ebef rgb(137,235,239)
```
#84eff4
```
#84eff4 rgb(132,239,244)
```
#7ff4f9
```
#7ff4f9 rgb(127,244,249)
```
#7af9fe
```
#7af9fe rgb(122,249,254)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#c2dbdc Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7e5f3 Protanopia 1% of men
#ebe3ff Deuteranopia 1% of men
#aef2ff Tritanopia 0.001% of the population

Trichromacy

#bfecf7 Protanomaly 1% of men, 0.01% of women
#c2ebfe Deuteranomaly 6% of men, 0.4% of women
#9bf4fe Tritanomaly 0.01% of the population