#7dccfe hex color

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

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

● #7dccfe color description : Soft blue.

The hexadecimal color #7dccfe has RGB values of R:125, G:204, B:254 and CMYK values of C:0.51, M:0.2, Y:0, K:0. Its decimal value is 8244478.

Hex triplet	7dccfe	`#7dccfe`
RGB Decimal	125, 204, 254	`rgb(125,204,254)`
RGB Percent	49, 80, 99.6	`rgb(49%,80%,99.6%)`
CMYK	51, 20, 0, 0
HSL	203.3°, 98.5, 74.3	`hsl(203.3,98.5%,74.3%)`
HSV (or HSB)	203.3°, 50.8, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.867, -10.918, -31.996
XYZ	47.935, 54.699, 101.792
xyY	0.234, 0.268, 54.699
CIE-LCH	78.867, 33.808, 251.16
CIE-LUV	78.867, -35.359, -50.174
Hunter-Lab	73.959, -13.735, -29.832
Binary	01111101, 11001100, 11111110

#7dccfe
```
#7dccfe rgb(125,204,254)
```
#feaf7d
```
#feaf7d rgb(254,175,125)
```

Complementary Color

#7dfef0
```
#7dfef0 rgb(125,254,240)
```
#7dccfe
```
#7dccfe rgb(125,204,254)
```
#7d8cfe
```
#7d8cfe rgb(125,140,254)
```

Analogous Color

#fef07d
```
#fef07d rgb(254,240,125)
```
#7dccfe
```
#7dccfe rgb(125,204,254)
```
#fe7d8c
```
#fe7d8c rgb(254,125,140)
```

Split Complementary Color

#ccfe7d
```
#ccfe7d rgb(204,254,125)
```
#7dccfe
```
#7dccfe rgb(125,204,254)
```
#fe7dcc
```
#fe7dcc rgb(254,125,204)
```

Triadic Color

#7dfeaf
```
#7dfeaf rgb(125,254,175)
```
#7dccfe
```
#7dccfe rgb(125,204,254)
```
#fe7dcc
```
#fe7dcc rgb(254,125,204)
```
#feaf7d
```
#feaf7d rgb(254,175,125)
```

Tetradic Color

#31aefd
```
#31aefd rgb(49,174,253)
```
#4ab8fe
```
#4ab8fe rgb(74,184,254)
```
#64c2fe
```
#64c2fe rgb(100,194,254)
```
#7dccfe
```
#7dccfe rgb(125,204,254)
```
#96d6fe
```
#96d6fe rgb(150,214,254)
```
#b0e0fe
```
#b0e0fe rgb(176,224,254)
```
#c9eaff
```
#c9eaff rgb(201,234,255)
```

Monochromatic Color

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

#7decfe
```
#7decfe rgb(125,236,254)
```
#7de2fe
```
#7de2fe rgb(125,226,254)
```
#7dd7fe
```
#7dd7fe rgb(125,215,254)
```
#7dccfe
```
#7dccfe rgb(125,204,254)
```
#7dc1fe
```
#7dc1fe rgb(125,193,254)
```
#7db7fe
```
#7db7fe rgb(125,183,254)
```
#7dacfe
```
#7dacfe rgb(125,172,254)
```

Similar Colors

Text with hexadecimal color #7dccfe

This text has a font color of #7dccfe.

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

#7dccfe background color

This paragraph has a background color of #7dccfe.

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

#7dccfe border color

This element has a border color of #7dccfe.

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

CSS codes

.text {color:#7dccfe;}

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

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

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 #f2faff is the lightest one.

#000406
```
#000406 rgb(0,4,6)
```
#00101a
```
#00101a rgb(0,16,26)
```
#001c2d
```
#001c2d rgb(0,28,45)
```
#002841
```
#002841 rgb(0,40,65)
```
#013454
```
#013454 rgb(1,52,84)
```
#014068
```
#014068 rgb(1,64,104)
```
#014c7b
```
#014c7b rgb(1,76,123)
```
#01588f
```
#01588f rgb(1,88,143)
```
#0164a2
```
#0164a2 rgb(1,100,162)
```
#0170b5
```
#0170b5 rgb(1,112,181)
```
#027cc9
```
#027cc9 rgb(2,124,201)
```
#0288dc
```
#0288dc rgb(2,136,220)
```
#0294f0
```
#0294f0 rgb(2,148,240)
```

Shade Color Variation

#089efd
```
#089efd rgb(8,158,253)
```
#1ca6fd
```
#1ca6fd rgb(28,166,253)
```
#2fadfd
```
#2fadfd rgb(47,173,253)
```
#43b5fe
```
#43b5fe rgb(67,181,254)
```
#56bdfe
```
#56bdfe rgb(86,189,254)
```
#6ac4fe
```
#6ac4fe rgb(106,196,254)
```
#7dccfe
```
#7dccfe rgb(125,204,254)
```
#90d4fe
```
#90d4fe rgb(144,212,254)
```
#a4dbfe
```
#a4dbfe rgb(164,219,254)
```
#b7e3fe
```
#b7e3fe rgb(183,227,254)
```
#cbebff
```
#cbebff rgb(203,235,255)
```
#def2ff
```
#def2ff rgb(222,242,255)
```
#f2faff
```
#f2faff rgb(242,250,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 #7dccfe is the most saturated one.

#b9bec2
```
#b9bec2 rgb(185,190,194)
```
#b4c0c7
```
#b4c0c7 rgb(180,192,199)
```
#afc1cc
```
#afc1cc rgb(175,193,204)
```
#aac2d1
```
#aac2d1 rgb(170,194,209)
```
#a5c3d6
```
#a5c3d6 rgb(165,195,214)
```
#a0c4db
```
#a0c4db rgb(160,196,219)
```
#9bc5e0
```
#9bc5e0 rgb(155,197,224)
```
#96c6e5
```
#96c6e5 rgb(150,198,229)
```
#91c7ea
```
#91c7ea rgb(145,199,234)
```
#8cc9ef
```
#8cc9ef rgb(140,201,239)
```
#87caf4
```
#87caf4 rgb(135,202,244)
```
#82cbf9
```
#82cbf9 rgb(130,203,249)
```
#7dccfe
```
#7dccfe rgb(125,204,254)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#aebec8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8c4f7 Protanopia 1% of men
#b6c3ff Deuteranopia 1% of men
#78d3e3 Tritanopia 0.001% of the population

Trichromacy

#a2c7f9 Protanomaly 1% of men, 0.01% of women
#a1c6fe Deuteranomaly 6% of men, 0.4% of women
#79d0ec Tritanomaly 0.01% of the population

#7dccfe hex color

#7dccfe Color Information

#7dccfe Color Conversion

Color Schemes with #7dccfe

Alternatives to #7dccfe

#7dccfe Preview

Shades and Tints of #7dccfe

Tones of #7dccfe

Color Blindness Simulator