#7fd2f8 hex color

In a RGB color space, hex #7fd2f8 is composed of 49.8% red, 82.4% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 15.3% magenta, 0% yellow and 2.7% black. It has a hue angle of 198.8 degrees, a saturation of 89.6% and a lightness of 73.5%. #7fd2f8 color hex could be obtained by blending #feffff with #00a5f1. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 50
- G 82
- B 97
RGB color chart
- C 49
- M 15
- Y 0
- K 3
CMYK color chart

● #7fd2f8 color description : Soft blue.

The hexadecimal color #7fd2f8 has RGB values of R:127, G:210, B:248 and CMYK values of C:0.49, M:0.15, Y:0, K:0.03. Its decimal value is 8377080.

Hex triplet	7fd2f8	`#7fd2f8`
RGB Decimal	127, 210, 248	`rgb(127,210,248)`
RGB Percent	49.8, 82.4, 97.3	`rgb(49.8%,82.4%,97.3%)`
CMYK	49, 15, 0, 3
HSL	198.8°, 89.6, 73.5	`hsl(198.8,89.6%,73.5%)`
HSV (or HSB)	198.8°, 48.8, 97.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	80.393, -15.283, -26.452
XYZ	48.738, 57.38, 97.309
xyY	0.24, 0.282, 57.38
CIE-LCH	80.393, 30.55, 239.982
CIE-LUV	80.393, -37.168, -40.211
Hunter-Lab	75.749, -17.712, -23.14
Binary	01111111, 11010010, 11111000

#7fd2f8
```
#7fd2f8 rgb(127,210,248)
```
#f8a57f
```
#f8a57f rgb(248,165,127)
```

Complementary Color

#7ff8e2
```
#7ff8e2 rgb(127,248,226)
```
#7fd2f8
```
#7fd2f8 rgb(127,210,248)
```
#7f96f8
```
#7f96f8 rgb(127,150,248)
```

Analogous Color

#f8e27f
```
#f8e27f rgb(248,226,127)
```
#7fd2f8
```
#7fd2f8 rgb(127,210,248)
```
#f87f96
```
#f87f96 rgb(248,127,150)
```

Split Complementary Color

#d2f87f
```
#d2f87f rgb(210,248,127)
```
#7fd2f8
```
#7fd2f8 rgb(127,210,248)
```
#f87fd2
```
#f87fd2 rgb(248,127,210)
```

Triadic Color

#7ff8a5
```
#7ff8a5 rgb(127,248,165)
```
#7fd2f8
```
#7fd2f8 rgb(127,210,248)
```
#f87fd2
```
#f87fd2 rgb(248,127,210)
```
#f8a57f
```
#f8a57f rgb(248,165,127)
```

Tetradic Color

#36b9f4
```
#36b9f4 rgb(54,185,244)
```
#4fc1f5
```
#4fc1f5 rgb(79,193,245)
```
#67caf7
```
#67caf7 rgb(103,202,247)
```
#7fd2f8
```
#7fd2f8 rgb(127,210,248)
```
#97dbf9
```
#97dbf9 rgb(151,219,249)
```
#afe3fb
```
#afe3fb rgb(175,227,251)
```
#c8ecfc
```
#c8ecfc rgb(200,236,252)
```

Monochromatic Color

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

#7ff0f8
```
#7ff0f8 rgb(127,240,248)
```
#7fe6f8
```
#7fe6f8 rgb(127,230,248)
```
#7fdcf8
```
#7fdcf8 rgb(127,220,248)
```
#7fd2f8
```
#7fd2f8 rgb(127,210,248)
```
#7fc8f8
```
#7fc8f8 rgb(127,200,248)
```
#7fbef8
```
#7fbef8 rgb(127,190,248)
```
#7fb4f8
```
#7fb4f8 rgb(127,180,248)
```

Similar Colors

Text with hexadecimal color #7fd2f8

This text has a font color of #7fd2f8.

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

#7fd2f8 background color

This paragraph has a background color of #7fd2f8.

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

#7fd2f8 border color

This element has a border color of #7fd2f8.

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

CSS codes

.text {color:#7fd2f8;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#010f15
```
#010f15 rgb(1,15,21)
```
#021c27
```
#021c27 rgb(2,28,39)
```
#03293a
```
#03293a rgb(3,41,58)
```
#04364d
```
#04364d rgb(4,54,77)
```
#05435f
```
#05435f rgb(5,67,95)
```
#065072
```
#065072 rgb(6,80,114)
```
#075d84
```
#075d84 rgb(7,93,132)
```
#086a97
```
#086a97 rgb(8,106,151)
```
#0977aa
```
#0977aa rgb(9,119,170)
```
#0a84bc
```
#0a84bc rgb(10,132,188)
```
#0b91cf
```
#0b91cf rgb(11,145,207)
```
#0c9ee1
```
#0c9ee1 rgb(12,158,225)
```

Shade Color Variation

#0fabf2
```
#0fabf2 rgb(15,171,242)
```
#22b1f3
```
#22b1f3 rgb(34,177,243)
```
#35b8f4
```
#35b8f4 rgb(53,184,244)
```
#47bef5
```
#47bef5 rgb(71,190,245)
```
#5ac5f6
```
#5ac5f6 rgb(90,197,246)
```
#6ccbf7
```
#6ccbf7 rgb(108,203,247)
```
#7fd2f8
```
#7fd2f8 rgb(127,210,248)
```
#92d9f9
```
#92d9f9 rgb(146,217,249)
```
#a4dffa
```
#a4dffa rgb(164,223,250)
```
#b7e6fb
```
#b7e6fb rgb(183,230,251)
```
#c9ecfc
```
#c9ecfc rgb(201,236,252)
```
#dcf3fd
```
#dcf3fd rgb(220,243,253)
```
#eff9fe
```
#eff9fe rgb(239,249,254)
```

Tint Color Variation

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

#b8bdbf
```
#b8bdbf rgb(184,189,191)
```
#b3bfc4
```
#b3bfc4 rgb(179,191,196)
```
#aec1c9
```
#aec1c9 rgb(174,193,201)
```
#a9c3ce
```
#a9c3ce rgb(169,195,206)
```
#a3c4d4
```
#a3c4d4 rgb(163,196,212)
```
#9ec6d9
```
#9ec6d9 rgb(158,198,217)
```
#99c8de
```
#99c8de rgb(153,200,222)
```
#94cae3
```
#94cae3 rgb(148,202,227)
```
#8fcce8
```
#8fcce8 rgb(143,204,232)
```
#89ceee
```
#89ceee rgb(137,206,238)
```
#84d0f3
```
#84d0f3 rgb(132,208,243)
```
#7fd2f8
```
#7fd2f8 rgb(127,210,248)
```
#7ad4fd
```
#7ad4fd rgb(122,212,253)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#b1c2ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c8f0 Protanopia 1% of men
#c0c6fd Deuteranopia 1% of men
#7ed7e7 Tritanopia 0.001% of the population

Trichromacy

#a8ccf3 Protanomaly 1% of men, 0.01% of women
#a8cafb Deuteranomaly 6% of men, 0.4% of women
#7ed5ed Tritanomaly 0.01% of the population

#7fd2f8 hex color

#7fd2f8 Color Information

#7fd2f8 Color Conversion

Color Schemes with #7fd2f8

Alternatives to #7fd2f8

#7fd2f8 Preview

Shades and Tints of #7fd2f8

Tones of #7fd2f8

Color Blindness Simulator