#7cbef2 hex color

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

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

● #7cbef2 color description : Soft blue.

The hexadecimal color #7cbef2 has RGB values of R:124, G:190, B:242 and CMYK values of C:0.49, M:0.21, Y:0, K:0.05. Its decimal value is 8175346.

Hex triplet	7cbef2	`#7cbef2`
RGB Decimal	124, 190, 242	`rgb(124,190,242)`
RGB Percent	48.6, 74.5, 94.9	`rgb(48.6%,74.5%,94.9%)`
CMYK	49, 21, 0, 5
HSL	206.4°, 81.9, 71.8	`hsl(206.4,81.9%,71.8%)`
HSV (or HSB)	206.4°, 48.8, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	74.521, -7.091, -32.262
XYZ	42.749, 47.52, 90.919
xyY	0.236, 0.262, 47.52
CIE-LCH	74.521, 33.032, 257.605
CIE-LUV	74.521, -30.568, -50.791
Hunter-Lab	68.935, -9.943, -29.944
Binary	01111100, 10111110, 11110010

#7cbef2
```
#7cbef2 rgb(124,190,242)
```
#f2b07c
```
#f2b07c rgb(242,176,124)
```

Complementary Color

#7cf2eb
```
#7cf2eb rgb(124,242,235)
```
#7cbef2
```
#7cbef2 rgb(124,190,242)
```
#7c83f2
```
#7c83f2 rgb(124,131,242)
```

Analogous Color

#f2eb7c
```
#f2eb7c rgb(242,235,124)
```
#7cbef2
```
#7cbef2 rgb(124,190,242)
```
#f27c83
```
#f27c83 rgb(242,124,131)
```

Split Complementary Color

#bef27c
```
#bef27c rgb(190,242,124)
```
#7cbef2
```
#7cbef2 rgb(124,190,242)
```
#f27cbe
```
#f27cbe rgb(242,124,190)
```

Triadic Color

#7cf2b0
```
#7cf2b0 rgb(124,242,176)
```
#7cbef2
```
#7cbef2 rgb(124,190,242)
```
#f27cbe
```
#f27cbe rgb(242,124,190)
```
#f2b07c
```
#f2b07c rgb(242,176,124)
```

Tetradic Color

#369beb
```
#369beb rgb(54,155,235)
```
#4ea7ed
```
#4ea7ed rgb(78,167,237)
```
#65b2f0
```
#65b2f0 rgb(101,178,240)
```
#7cbef2
```
#7cbef2 rgb(124,190,242)
```
#93caf4
```
#93caf4 rgb(147,202,244)
```
#aad5f7
```
#aad5f7 rgb(170,213,247)
```
#c2e1f9
```
#c2e1f9 rgb(194,225,249)
```

Monochromatic Color

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

#7cdcf2
```
#7cdcf2 rgb(124,220,242)
```
#7cd2f2
```
#7cd2f2 rgb(124,210,242)
```
#7cc8f2
```
#7cc8f2 rgb(124,200,242)
```
#7cbef2
```
#7cbef2 rgb(124,190,242)
```
#7cb4f2
```
#7cb4f2 rgb(124,180,242)
```
#7caaf2
```
#7caaf2 rgb(124,170,242)
```
#7ca1f2
```
#7ca1f2 rgb(124,161,242)
```

Similar Colors

Text with hexadecimal color #7cbef2

This text has a font color of #7cbef2.

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

#7cbef2 background color

This paragraph has a background color of #7cbef2.

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

#7cbef2 border color

This element has a border color of #7cbef2.

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

CSS codes

.text {color:#7cbef2;}

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

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

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, #01070c is the darkest color, while #f9fcfe is the lightest one.

#01070c
```
#01070c rgb(1,7,12)
```
#03121e
```
#03121e rgb(3,18,30)
```
#051d2f
```
#051d2f rgb(5,29,47)
```
#062741
```
#062741 rgb(6,39,65)
```
#083253
```
#083253 rgb(8,50,83)
```
#0a3d65
```
#0a3d65 rgb(10,61,101)
```
#0c4877
```
#0c4877 rgb(12,72,119)
```
#0e5289
```
#0e5289 rgb(14,82,137)
```
#0f5d9b
```
#0f5d9b rgb(15,93,155)
```
#1168ac
```
#1168ac rgb(17,104,172)
```
#1373be
```
#1373be rgb(19,115,190)
```
#157dd0
```
#157dd0 rgb(21,125,208)
```
#1688e2
```
#1688e2 rgb(22,136,226)
```

Shade Color Variation

#2392e9
```
#2392e9 rgb(35,146,233)
```
#359beb
```
#359beb rgb(53,155,235)
```
#46a3ed
```
#46a3ed rgb(70,163,237)
```
#58acee
```
#58acee rgb(88,172,238)
```
#6ab5f0
```
#6ab5f0 rgb(106,181,240)
```
#7cbef2
```
#7cbef2 rgb(124,190,242)
```
#8ec7f4
```
#8ec7f4 rgb(142,199,244)
```
#a0d0f6
```
#a0d0f6 rgb(160,208,246)
```
#b2d9f7
```
#b2d9f7 rgb(178,217,247)
```
#c3e1f9
```
#c3e1f9 rgb(195,225,249)
```
#d5eafb
```
#d5eafb rgb(213,234,251)
```
#e7f3fd
```
#e7f3fd rgb(231,243,253)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

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

#b3b7bb
```
#b3b7bb rgb(179,183,187)
```
#aeb8c0
```
#aeb8c0 rgb(174,184,192)
```
#a8b9c6
```
#a8b9c6 rgb(168,185,198)
```
#a3b9cb
```
#a3b9cb rgb(163,185,203)
```
#9dbad1
```
#9dbad1 rgb(157,186,209)
```
#98bbd6
```
#98bbd6 rgb(152,187,214)
```
#92bbdc
```
#92bbdc rgb(146,187,220)
```
#8dbce1
```
#8dbce1 rgb(141,188,225)
```
#87bde7
```
#87bde7 rgb(135,189,231)
```
#82bdec
```
#82bdec rgb(130,189,236)
```
#7cbef2
```
#7cbef2 rgb(124,190,242)
```
#76bff8
```
#76bff8 rgb(118,191,248)
```
#71bffd
```
#71bffd rgb(113,191,253)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#a6b3bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#acb9ed Protanopia 1% of men
#a9b8f5 Deuteranopia 1% of men
#76c6d5 Tritanopia 0.001% of the population

Trichromacy

#9abaee Protanomaly 1% of men, 0.01% of women
#98baf4 Deuteranomaly 6% of men, 0.4% of women
#78c3df Tritanomaly 0.01% of the population

#7cbef2 hex color

#7cbef2 Color Information

#7cbef2 Color Conversion

Color Schemes with #7cbef2

Alternatives to #7cbef2

#7cbef2 Preview

Shades and Tints of #7cbef2

Tones of #7cbef2

Color Blindness Simulator