#7abfed hex color

In a RGB color space, hex #7abfed is composed of 47.8% red, 74.9% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 48.5% cyan, 19.4% magenta, 0% yellow and 7.1% black. It has a hue angle of 204 degrees, a saturation of 76.2% and a lightness of 70.4%. #7abfed color hex could be obtained by blending #f4ffff with #007fdb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 48
- G 75
- B 93
RGB color chart
- C 49
- M 19
- Y 0
- K 7
CMYK color chart

● #7abfed color description : Soft blue.

The hexadecimal color #7abfed has RGB values of R:122, G:191, B:237 and CMYK values of C:0.49, M:0.19, Y:0, K:0.07. Its decimal value is 8044525.

Hex triplet	7abfed	`#7abfed`
RGB Decimal	122, 191, 237	`rgb(122,191,237)`
RGB Percent	47.8, 74.9, 92.9	`rgb(47.8%,74.9%,92.9%)`
CMYK	49, 19, 0, 7
HSL	204°, 76.2, 70.4	`hsl(204,76.2%,70.4%)`
HSV (or HSB)	204°, 48.5, 92.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	74.516, -9.499, -29.581
XYZ	41.939, 47.511, 87.077
xyY	0.238, 0.269, 47.511
CIE-LCH	74.516, 31.069, 252.197
CIE-LUV	74.516, -31.675, -45.918
Hunter-Lab	68.928, -12.017, -26.651
Binary	01111010, 10111111, 11101101

#7abfed
```
#7abfed rgb(122,191,237)
```
#eda87a
```
#eda87a rgb(237,168,122)
```

Complementary Color

#7aede2
```
#7aede2 rgb(122,237,226)
```
#7abfed
```
#7abfed rgb(122,191,237)
```
#7a86ed
```
#7a86ed rgb(122,134,237)
```

Analogous Color

#ede27a
```
#ede27a rgb(237,226,122)
```
#7abfed
```
#7abfed rgb(122,191,237)
```
#ed7a86
```
#ed7a86 rgb(237,122,134)
```

Split Complementary Color

#bfed7a
```
#bfed7a rgb(191,237,122)
```
#7abfed
```
#7abfed rgb(122,191,237)
```
#ed7abf
```
#ed7abf rgb(237,122,191)
```

Triadic Color

#7aeda8
```
#7aeda8 rgb(122,237,168)
```
#7abfed
```
#7abfed rgb(122,191,237)
```
#ed7abf
```
#ed7abf rgb(237,122,191)
```
#eda87a
```
#eda87a rgb(237,168,122)
```

Tetradic Color

#379fe4
```
#379fe4 rgb(55,159,228)
```
#4da9e7
```
#4da9e7 rgb(77,169,231)
```
#64b4ea
```
#64b4ea rgb(100,180,234)
```
#7abfed
```
#7abfed rgb(122,191,237)
```
#90caf0
```
#90caf0 rgb(144,202,240)
```
#a7d5f3
```
#a7d5f3 rgb(167,213,243)
```
#bddff6
```
#bddff6 rgb(189,223,246)
```

Monochromatic Color

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

#7adced
```
#7adced rgb(122,220,237)
```
#7ad2ed
```
#7ad2ed rgb(122,210,237)
```
#7ac9ed
```
#7ac9ed rgb(122,201,237)
```
#7abfed
```
#7abfed rgb(122,191,237)
```
#7ab5ed
```
#7ab5ed rgb(122,181,237)
```
#7aaced
```
#7aaced rgb(122,172,237)
```
#7aa2ed
```
#7aa2ed rgb(122,162,237)
```

Similar Colors

Text with hexadecimal color #7abfed

This text has a font color of #7abfed.

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

#7abfed background color

This paragraph has a background color of #7abfed.

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

#7abfed border color

This element has a border color of #7abfed.

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

CSS codes

.text {color:#7abfed;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#030f16
```
#030f16 rgb(3,15,22)
```
#051a28
```
#051a28 rgb(5,26,40)
```
#082539
```
#082539 rgb(8,37,57)
```
#0a314a
```
#0a314a rgb(10,49,74)
```
#0c3c5c
```
#0c3c5c rgb(12,60,92)
```
#0f476d
```
#0f476d rgb(15,71,109)
```
#11537e
```
#11537e rgb(17,83,126)
```
#135e8f
```
#135e8f rgb(19,94,143)
```
#1669a1
```
#1669a1 rgb(22,105,161)
```
#1874b2
```
#1874b2 rgb(24,116,178)
```
#1a80c3
```
#1a80c3 rgb(26,128,195)
```
#1d8bd5
```
#1d8bd5 rgb(29,139,213)
```

Shade Color Variation

#2495e1
```
#2495e1 rgb(36,149,225)
```
#359ee4
```
#359ee4 rgb(53,158,228)
```
#46a6e6
```
#46a6e6 rgb(70,166,230)
```
#57aee8
```
#57aee8 rgb(87,174,232)
```
#69b7eb
```
#69b7eb rgb(105,183,235)
```
#7abfed
```
#7abfed rgb(122,191,237)
```
#8bc7ef
```
#8bc7ef rgb(139,199,239)
```
#9dd0f2
```
#9dd0f2 rgb(157,208,242)
```
#aed8f4
```
#aed8f4 rgb(174,216,244)
```
#bfe0f6
```
#bfe0f6 rgb(191,224,246)
```
#d0e9f9
```
#d0e9f9 rgb(208,233,249)
```
#e2f1fb
```
#e2f1fb rgb(226,241,251)
```
#f3f9fd
```
#f3f9fd rgb(243,249,253)
```

Tint Color Variation

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

#aeb5b9
```
#aeb5b9 rgb(174,181,185)
```
#a8b6bf
```
#a8b6bf rgb(168,182,191)
```
#a3b7c4
```
#a3b7c4 rgb(163,183,196)
```
#9db8ca
```
#9db8ca rgb(157,184,202)
```
#97b9d0
```
#97b9d0 rgb(151,185,208)
```
#91bad6
```
#91bad6 rgb(145,186,214)
```
#8bbcdc
```
#8bbcdc rgb(139,188,220)
```
#86bde1
```
#86bde1 rgb(134,189,225)
```
#80bee7
```
#80bee7 rgb(128,190,231)
```
#7abfed
```
#7abfed rgb(122,191,237)
```
#74c0f3
```
#74c0f3 rgb(116,192,243)
```
#6ec1f9
```
#6ec1f9 rgb(110,193,249)
```
#69c2fe
```
#69c2fe rgb(105,194,254)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#a5b3bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb9e7 Protanopia 1% of men
#acb8f1 Deuteranopia 1% of men
#76c6d5 Tritanopia 0.001% of the population

Trichromacy

#9bbbe9 Protanomaly 1% of men, 0.01% of women
#9abaef Deuteranomaly 6% of men, 0.4% of women
#78c4dd Tritanomaly 0.01% of the population

#7abfed hex color

#7abfed Color Information

#7abfed Color Conversion

Color Schemes with #7abfed

Alternatives to #7abfed

#7abfed Preview

Shades and Tints of #7abfed

Tones of #7abfed

Color Blindness Simulator