#7dc8fe hex color

In a RGB color space, hex #7dc8fe is composed of 49% red, 78.4% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 21.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 205.1 degrees, a saturation of 98.5% and a lightness of 74.3%. #7dc8fe color hex could be obtained by blending #faffff with #0091fd. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 49
- G 78
- B 100
RGB color chart
- C 51
- M 21
- Y 0
- K 0
CMYK color chart

● #7dc8fe color description : Soft blue.

The hexadecimal color #7dc8fe has RGB values of R:125, G:200, B:254 and CMYK values of C:0.51, M:0.21, Y:0, K:0. Its decimal value is 8243454.

Hex triplet	7dc8fe	`#7dc8fe`
RGB Decimal	125, 200, 254	`rgb(125,200,254)`
RGB Percent	49, 78.4, 99.6	`rgb(49%,78.4%,99.6%)`
CMYK	51, 21, 0, 0
HSL	205.1°, 98.5, 74.3	`hsl(205.1,98.5%,74.3%)`
HSV (or HSB)	205.1°, 50.8, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.77, -8.8, -33.689
XYZ	46.997, 52.822, 101.48
xyY	0.233, 0.262, 52.822
CIE-LCH	77.77, 34.819, 255.36
CIE-LUV	77.77, -33.849, -53.274
Hunter-Lab	72.678, -11.762, -31.911
Binary	01111101, 11001000, 11111110

#7dc8fe
```
#7dc8fe rgb(125,200,254)
```
#feb37d
```
#feb37d rgb(254,179,125)
```

Complementary Color

#7dfef4
```
#7dfef4 rgb(125,254,244)
```
#7dc8fe
```
#7dc8fe rgb(125,200,254)
```
#7d88fe
```
#7d88fe rgb(125,136,254)
```

Analogous Color

#fef47d
```
#fef47d rgb(254,244,125)
```
#7dc8fe
```
#7dc8fe rgb(125,200,254)
```
#fe7d88
```
#fe7d88 rgb(254,125,136)
```

Split Complementary Color

#c8fe7d
```
#c8fe7d rgb(200,254,125)
```
#7dc8fe
```
#7dc8fe rgb(125,200,254)
```
#fe7dc8
```
#fe7dc8 rgb(254,125,200)
```

Triadic Color

#7dfeb3
```
#7dfeb3 rgb(125,254,179)
```
#7dc8fe
```
#7dc8fe rgb(125,200,254)
```
#fe7dc8
```
#fe7dc8 rgb(254,125,200)
```
#feb37d
```
#feb37d rgb(254,179,125)
```

Tetradic Color

#31a8fd
```
#31a8fd rgb(49,168,253)
```
#4ab3fe
```
#4ab3fe rgb(74,179,254)
```
#64bdfe
```
#64bdfe rgb(100,189,254)
```
#7dc8fe
```
#7dc8fe rgb(125,200,254)
```
#96d3fe
```
#96d3fe rgb(150,211,254)
```
#b0ddfe
```
#b0ddfe rgb(176,221,254)
```
#c9e8ff
```
#c9e8ff rgb(201,232,255)
```

Monochromatic Color

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

#7de8fe
```
#7de8fe rgb(125,232,254)
```
#7ddefe
```
#7ddefe rgb(125,222,254)
```
#7dd3fe
```
#7dd3fe rgb(125,211,254)
```
#7dc8fe
```
#7dc8fe rgb(125,200,254)
```
#7dbdfe
```
#7dbdfe rgb(125,189,254)
```
#7db3fe
```
#7db3fe rgb(125,179,254)
```
#7da8fe
```
#7da8fe rgb(125,168,254)
```

Similar Colors

Text with hexadecimal color #7dc8fe

This text has a font color of #7dc8fe.

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

#7dc8fe background color

This paragraph has a background color of #7dc8fe.

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

#7dc8fe border color

This element has a border color of #7dc8fe.

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

CSS codes

.text {color:#7dc8fe;}

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

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

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

#000406
```
#000406 rgb(0,4,6)
```
#000f1a
```
#000f1a rgb(0,15,26)
```
#001a2d
```
#001a2d rgb(0,26,45)
```
#002641
```
#002641 rgb(0,38,65)
```
#013154
```
#013154 rgb(1,49,84)
```
#013d68
```
#013d68 rgb(1,61,104)
```
#01487b
```
#01487b rgb(1,72,123)
```
#01538f
```
#01538f rgb(1,83,143)
```
#015fa2
```
#015fa2 rgb(1,95,162)
```
#016ab5
```
#016ab5 rgb(1,106,181)
```
#0275c9
```
#0275c9 rgb(2,117,201)
```
#0281dc
```
#0281dc rgb(2,129,220)
```
#028cf0
```
#028cf0 rgb(2,140,240)
```

Shade Color Variation

#0897fd
```
#0897fd rgb(8,151,253)
```
#1c9ffd
```
#1c9ffd rgb(28,159,253)
```
#2fa7fd
```
#2fa7fd rgb(47,167,253)
```
#43affe
```
#43affe rgb(67,175,254)
```
#56b8fe
```
#56b8fe rgb(86,184,254)
```
#6ac0fe
```
#6ac0fe rgb(106,192,254)
```
#7dc8fe
```
#7dc8fe rgb(125,200,254)
```
#90d0fe
```
#90d0fe rgb(144,208,254)
```
#a4d8fe
```
#a4d8fe rgb(164,216,254)
```
#b7e1fe
```
#b7e1fe rgb(183,225,254)
```
#cbe9ff
```
#cbe9ff rgb(203,233,255)
```
#def1ff
```
#def1ff rgb(222,241,255)
```
#f2f9ff
```
#f2f9ff rgb(242,249,255)
```

Tint Color Variation

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

#b9bec2
```
#b9bec2 rgb(185,190,194)
```
#b4bfc7
```
#b4bfc7 rgb(180,191,199)
```
#afc0cc
```
#afc0cc rgb(175,192,204)
```
#aac1d1
```
#aac1d1 rgb(170,193,209)
```
#a5c1d6
```
#a5c1d6 rgb(165,193,214)
```
#a0c2db
```
#a0c2db rgb(160,194,219)
```
#9bc3e0
```
#9bc3e0 rgb(155,195,224)
```
#96c4e5
```
#96c4e5 rgb(150,196,229)
```
#91c5ea
```
#91c5ea rgb(145,197,234)
```
#8cc6ef
```
#8cc6ef rgb(140,198,239)
```
#87c6f4
```
#87c6f4 rgb(135,198,244)
```
#82c7f9
```
#82c7f9 rgb(130,199,249)
```
#7dc8fe
```
#7dc8fe rgb(125,200,254)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#acbbc6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4c1f7 Protanopia 1% of men
#b1c1ff Deuteranopia 1% of men
#76d0df Tritanopia 0.001% of the population

Trichromacy

#a0c3fa Protanomaly 1% of men, 0.01% of women
#9ec3fe Deuteranomaly 6% of men, 0.4% of women
#78cdea Tritanomaly 0.01% of the population

#7dc8fe hex color

#7dc8fe Color Information

#7dc8fe Color Conversion

Color Schemes with #7dc8fe

Alternatives to #7dc8fe

#7dc8fe Preview

Shades and Tints of #7dc8fe

Tones of #7dc8fe

Color Blindness Simulator