#7cdef2 hex color

In a RGB color space, hex #7cdef2 is composed of 48.6% red, 87.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 8.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 190.2 degrees, a saturation of 81.9% and a lightness of 71.8%. #7cdef2 color hex could be obtained by blending #f8ffff with #00bde5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 49
- G 87
- B 95
RGB color chart
- C 49
- M 8
- Y 0
- K 5
CMYK color chart

● #7cdef2 color description : Soft cyan.

The hexadecimal color #7cdef2 has RGB values of R:124, G:222, B:242 and CMYK values of C:0.49, M:0.08, Y:0, K:0.05. Its decimal value is 8183538.

Hex triplet	7cdef2	`#7cdef2`
RGB Decimal	124, 222, 242	`rgb(124,222,242)`
RGB Percent	48.6, 87.1, 94.9	`rgb(48.6%,87.1%,94.9%)`
CMYK	49, 8, 0, 5
HSL	190.2°, 81.9, 71.8	`hsl(190.2,81.9%,71.8%)`
HSV (or HSB)	190.2°, 48.8, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	83.408, -23.633, -18.698
XYZ	50.456, 62.935, 93.488
xyY	0.244, 0.304, 62.935
CIE-LCH	83.408, 30.135, 218.35
CIE-LUV	83.408, -42.873, -26.099
Hunter-Lab	79.332, -25.302, -14.338
Binary	01111100, 11011110, 11110010

#7cdef2
```
#7cdef2 rgb(124,222,242)
```
#f2907c
```
#f2907c rgb(242,144,124)
```

Complementary Color

#7cf2cb
```
#7cf2cb rgb(124,242,203)
```
#7cdef2
```
#7cdef2 rgb(124,222,242)
```
#7ca3f2
```
#7ca3f2 rgb(124,163,242)
```

Analogous Color

#f2cb7c
```
#f2cb7c rgb(242,203,124)
```
#7cdef2
```
#7cdef2 rgb(124,222,242)
```
#f27ca3
```
#f27ca3 rgb(242,124,163)
```

Split Complementary Color

#def27c
```
#def27c rgb(222,242,124)
```
#7cdef2
```
#7cdef2 rgb(124,222,242)
```
#f27cde
```
#f27cde rgb(242,124,222)
```

Triadic Color

#7cf290
```
#7cf290 rgb(124,242,144)
```
#7cdef2
```
#7cdef2 rgb(124,222,242)
```
#f27cde
```
#f27cde rgb(242,124,222)
```
#f2907c
```
#f2907c rgb(242,144,124)
```

Tetradic Color

#36cceb
```
#36cceb rgb(54,204,235)
```
#4ed2ed
```
#4ed2ed rgb(78,210,237)
```
#65d8f0
```
#65d8f0 rgb(101,216,240)
```
#7cdef2
```
#7cdef2 rgb(124,222,242)
```
#93e4f4
```
#93e4f4 rgb(147,228,244)
```
#aaeaf7
```
#aaeaf7 rgb(170,234,247)
```
#c2f0f9
```
#c2f0f9 rgb(194,240,249)
```

Monochromatic Color

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

#7cf2e9
```
#7cf2e9 rgb(124,242,233)
```
#7cf2f2
```
#7cf2f2 rgb(124,242,242)
```
#7ce8f2
```
#7ce8f2 rgb(124,232,242)
```
#7cdef2
```
#7cdef2 rgb(124,222,242)
```
#7cd4f2
```
#7cd4f2 rgb(124,212,242)
```
#7ccaf2
```
#7ccaf2 rgb(124,202,242)
```
#7cc1f2
```
#7cc1f2 rgb(124,193,242)
```

Similar Colors

Text with hexadecimal color #7cdef2

This text has a font color of #7cdef2.

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

#7cdef2 background color

This paragraph has a background color of #7cdef2.

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

#7cdef2 border color

This element has a border color of #7cdef2.

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

CSS codes

.text {color:#7cdef2;}

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

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

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, #010a0c is the darkest color, while #f9fdfe is the lightest one.

#010a0c
```
#010a0c rgb(1,10,12)
```
#03191e
```
#03191e rgb(3,25,30)
```
#05282f
```
#05282f rgb(5,40,47)
```
#063741
```
#063741 rgb(6,55,65)
```
#084653
```
#084653 rgb(8,70,83)
```
#0a5665
```
#0a5665 rgb(10,86,101)
```
#0c6577
```
#0c6577 rgb(12,101,119)
```
#0e7489
```
#0e7489 rgb(14,116,137)
```
#0f839b
```
#0f839b rgb(15,131,155)
```
#1192ac
```
#1192ac rgb(17,146,172)
```
#13a1be
```
#13a1be rgb(19,161,190)
```
#15b0d0
```
#15b0d0 rgb(21,176,208)
```
#16bfe2
```
#16bfe2 rgb(22,191,226)
```

Shade Color Variation

#23c8e9
```
#23c8e9 rgb(35,200,233)
```
#35cceb
```
#35cceb rgb(53,204,235)
```
#46d1ed
```
#46d1ed rgb(70,209,237)
```
#58d5ee
```
#58d5ee rgb(88,213,238)
```
#6adaf0
```
#6adaf0 rgb(106,218,240)
```
#7cdef2
```
#7cdef2 rgb(124,222,242)
```
#8ee2f4
```
#8ee2f4 rgb(142,226,244)
```
#a0e7f6
```
#a0e7f6 rgb(160,231,246)
```
#b2ebf7
```
#b2ebf7 rgb(178,235,247)
```
#c3f0f9
```
#c3f0f9 rgb(195,240,249)
```
#d5f4fb
```
#d5f4fb rgb(213,244,251)
```
#e7f9fd
```
#e7f9fd rgb(231,249,253)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#b3b9bb
```
#b3b9bb rgb(179,185,187)
```
#aebdc0
```
#aebdc0 rgb(174,189,192)
```
#a8c1c6
```
#a8c1c6 rgb(168,193,198)
```
#a3c4cb
```
#a3c4cb rgb(163,196,203)
```
#9dc8d1
```
#9dc8d1 rgb(157,200,209)
```
#98ccd6
```
#98ccd6 rgb(152,204,214)
```
#92cfdc
```
#92cfdc rgb(146,207,220)
```
#8dd3e1
```
#8dd3e1 rgb(141,211,225)
```
#87d7e7
```
#87d7e7 rgb(135,215,231)
```
#82daec
```
#82daec rgb(130,218,236)
```
#7cdef2
```
#7cdef2 rgb(124,222,242)
```
#76e2f8
```
#76e2f8 rgb(118,226,248)
```
#71e5fd
```
#71e5fd rgb(113,229,253)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#b5c8cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#ced0e9 Protanopia 1% of men
#d1cdf9 Deuteranopia 1% of men
#81e0f0 Tritanopia 0.001% of the population

Trichromacy

#b0d5ec Protanomaly 1% of men, 0.01% of women
#b2d3f6 Deuteranomaly 6% of men, 0.4% of women
#7fdff1 Tritanomaly 0.01% of the population

#7cdef2 hex color

#7cdef2 Color Information

#7cdef2 Color Conversion

Color Schemes with #7cdef2

Alternatives to #7cdef2

#7cdef2 Preview

Shades and Tints of #7cdef2

Tones of #7cdef2

Color Blindness Simulator