#7fd2f6 hex color

In a RGB color space, hex #7fd2f6 is composed of 49.8% red, 82.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 48.4% cyan, 14.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 198.2 degrees, a saturation of 86.9% and a lightness of 73.1%. #7fd2f6 color hex could be obtained by blending #feffff with #00a5ed. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 50
- G 82
- B 96
RGB color chart
- C 48
- M 15
- Y 0
- K 4
CMYK color chart

● #7fd2f6 color description : Soft blue.

The hexadecimal color #7fd2f6 has RGB values of R:127, G:210, B:246 and CMYK values of C:0.48, M:0.15, Y:0, K:0.04. Its decimal value is 8377078.

Hex triplet	7fd2f6	`#7fd2f6`
RGB Decimal	127, 210, 246	`rgb(127,210,246)`
RGB Percent	49.8, 82.4, 96.5	`rgb(49.8%,82.4%,96.5%)`
CMYK	48, 15, 0, 4
HSL	198.2°, 86.9, 73.1	`hsl(198.2,86.9%,73.1%)`
HSV (or HSB)	198.2°, 48.4, 96.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	80.323, -15.831, -25.493
XYZ	48.429, 57.256, 95.683
xyY	0.241, 0.284, 57.256
CIE-LCH	80.323, 30.008, 238.159
CIE-LUV	80.323, -37.217, -38.503
Hunter-Lab	75.668, -18.174, -22.006
Binary	01111111, 11010010, 11110110

#7fd2f6
```
#7fd2f6 rgb(127,210,246)
```
#f6a37f
```
#f6a37f rgb(246,163,127)
```

Complementary Color

#7ff6df
```
#7ff6df rgb(127,246,223)
```
#7fd2f6
```
#7fd2f6 rgb(127,210,246)
```
#7f97f6
```
#7f97f6 rgb(127,151,246)
```

Analogous Color

#f6df7f
```
#f6df7f rgb(246,223,127)
```
#7fd2f6
```
#7fd2f6 rgb(127,210,246)
```
#f67f97
```
#f67f97 rgb(246,127,151)
```

Split Complementary Color

#d2f67f
```
#d2f67f rgb(210,246,127)
```
#7fd2f6
```
#7fd2f6 rgb(127,210,246)
```
#f67fd2
```
#f67fd2 rgb(246,127,210)
```

Triadic Color

#7ff6a3
```
#7ff6a3 rgb(127,246,163)
```
#7fd2f6
```
#7fd2f6 rgb(127,210,246)
```
#f67fd2
```
#f67fd2 rgb(246,127,210)
```
#f6a37f
```
#f6a37f rgb(246,163,127)
```

Tetradic Color

#38b9f1
```
#38b9f1 rgb(56,185,241)
```
#4fc1f3
```
#4fc1f3 rgb(79,193,243)
```
#67caf4
```
#67caf4 rgb(103,202,244)
```
#7fd2f6
```
#7fd2f6 rgb(127,210,246)
```
#97daf8
```
#97daf8 rgb(151,218,248)
```
#afe3f9
```
#afe3f9 rgb(175,227,249)
```
#c6ebfb
```
#c6ebfb rgb(198,235,251)
```

Monochromatic Color

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

#7ff0f6
```
#7ff0f6 rgb(127,240,246)
```
#7fe6f6
```
#7fe6f6 rgb(127,230,246)
```
#7fdcf6
```
#7fdcf6 rgb(127,220,246)
```
#7fd2f6
```
#7fd2f6 rgb(127,210,246)
```
#7fc8f6
```
#7fc8f6 rgb(127,200,246)
```
#7fbef6
```
#7fbef6 rgb(127,190,246)
```
#7fb4f6
```
#7fb4f6 rgb(127,180,246)
```

Similar Colors

Text with hexadecimal color #7fd2f6

This text has a font color of #7fd2f6.

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

#7fd2f6 background color

This paragraph has a background color of #7fd2f6.

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

#7fd2f6 border color

This element has a border color of #7fd2f6.

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

CSS codes

.text {color:#7fd2f6;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#010d13
```
#010d13 rgb(1,13,19)
```
#031b25
```
#031b25 rgb(3,27,37)
```
#042837
```
#042837 rgb(4,40,55)
```
#05354a
```
#05354a rgb(5,53,74)
```
#06425c
```
#06425c rgb(6,66,92)
```
#084f6e
```
#084f6e rgb(8,79,110)
```
#095c81
```
#095c81 rgb(9,92,129)
```
#0a6a93
```
#0a6a93 rgb(10,106,147)
```
#0c77a5
```
#0c77a5 rgb(12,119,165)
```
#0d84b8
```
#0d84b8 rgb(13,132,184)
```
#0e91ca
```
#0e91ca rgb(14,145,202)
```
#0f9edc
```
#0f9edc rgb(15,158,220)
```

Shade Color Variation

#11abee
```
#11abee rgb(17,171,238)
```
#23b2f0
```
#23b2f0 rgb(35,178,240)
```
#36b8f1
```
#36b8f1 rgb(54,184,241)
```
#48bff2
```
#48bff2 rgb(72,191,242)
```
#5ac5f3
```
#5ac5f3 rgb(90,197,243)
```
#6dccf5
```
#6dccf5 rgb(109,204,245)
```
#7fd2f6
```
#7fd2f6 rgb(127,210,246)
```
#91d8f7
```
#91d8f7 rgb(145,216,247)
```
#a4dff9
```
#a4dff9 rgb(164,223,249)
```
#b6e5fa
```
#b6e5fa rgb(182,229,250)
```
#c8ecfb
```
#c8ecfb rgb(200,236,251)
```
#dbf2fc
```
#dbf2fc rgb(219,242,252)
```
#edf9fe
```
#edf9fe rgb(237,249,254)
```

Tint Color Variation

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

#b9bbbc
```
#b9bbbc rgb(185,187,188)
```
#b4bdc1
```
#b4bdc1 rgb(180,189,193)
```
#aebfc7
```
#aebfc7 rgb(174,191,199)
```
#a9c1cc
```
#a9c1cc rgb(169,193,204)
```
#a4c3d1
```
#a4c3d1 rgb(164,195,209)
```
#9fc6d6
```
#9fc6d6 rgb(159,198,214)
```
#99c8dc
```
#99c8dc rgb(153,200,220)
```
#94cae1
```
#94cae1 rgb(148,202,225)
```
#8fcce6
```
#8fcce6 rgb(143,204,230)
```
#8aceeb
```
#8aceeb rgb(138,206,235)
```
#84d0f1
```
#84d0f1 rgb(132,208,241)
```
#7fd2f6
```
#7fd2f6 rgb(127,210,246)
```
#7ad4fb
```
#7ad4fb rgb(122,212,251)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#b1c1c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c8ef Protanopia 1% of men
#c1c6fb Deuteranopia 1% of men
#7fd7e6 Tritanopia 0.001% of the population

Trichromacy

#a9cbf1 Protanomaly 1% of men, 0.01% of women
#a9caf9 Deuteranomaly 6% of men, 0.4% of women
#7fd5ec Tritanomaly 0.01% of the population

#7fd2f6 hex color

#7fd2f6 Color Information

#7fd2f6 Color Conversion

Color Schemes with #7fd2f6

Alternatives to #7fd2f6

#7fd2f6 Preview

Shades and Tints of #7fd2f6

Tones of #7fd2f6

Color Blindness Simulator