#7bafec hex color

In a RGB color space, hex #7bafec is composed of 48.2% red, 68.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 47.9% cyan, 25.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 212.4 degrees, a saturation of 74.8% and a lightness of 70.4%. #7bafec color hex could be obtained by blending #f6ffff with #005fd9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 48
- G 69
- B 93
RGB color chart
- C 48
- M 26
- Y 0
- K 7
CMYK color chart

● #7bafec color description : Soft blue.

The hexadecimal color #7bafec has RGB values of R:123, G:175, B:236 and CMYK values of C:0.48, M:0.26, Y:0, K:0.07. Its decimal value is 8105964.

Hex triplet	7bafec	`#7bafec`
RGB Decimal	123, 175, 236	`rgb(123,175,236)`
RGB Percent	48.2, 68.6, 92.5	`rgb(48.2%,68.6%,92.5%)`
CMYK	48, 26, 0, 7
HSL	212.4°, 74.8, 70.4	`hsl(212.4,74.8%,70.4%)`
HSV (or HSB)	212.4°, 47.9, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.123, -0.838, -35.822
XYZ	38.635, 40.925, 85.216
xyY	0.234, 0.248, 40.925
CIE-LCH	70.123, 35.832, 268.66
CIE-LUV	70.123, -25.225, -57.214
Hunter-Lab	63.973, -4.15, -34.197
Binary	01111011, 10101111, 11101100

#7bafec
```
#7bafec rgb(123,175,236)
```
#ecb87b
```
#ecb87b rgb(236,184,123)
```

Complementary Color

#7be8ec
```
#7be8ec rgb(123,232,236)
```
#7bafec
```
#7bafec rgb(123,175,236)
```
#807bec
```
#807bec rgb(128,123,236)
```

Analogous Color

#e8ec7b
```
#e8ec7b rgb(232,236,123)
```
#7bafec
```
#7bafec rgb(123,175,236)
```
#ec807b
```
#ec807b rgb(236,128,123)
```

Split Complementary Color

#afec7b
```
#afec7b rgb(175,236,123)
```
#7bafec
```
#7bafec rgb(123,175,236)
```
#ec7baf
```
#ec7baf rgb(236,123,175)
```

Triadic Color

#7becb8
```
#7becb8 rgb(123,236,184)
```
#7bafec
```
#7bafec rgb(123,175,236)
```
#ec7baf
```
#ec7baf rgb(236,123,175)
```
#ecb87b
```
#ecb87b rgb(236,184,123)
```

Tetradic Color

#3886e2
```
#3886e2 rgb(56,134,226)
```
#4e94e6
```
#4e94e6 rgb(78,148,230)
```
#65a1e9
```
#65a1e9 rgb(101,161,233)
```
#7bafec
```
#7bafec rgb(123,175,236)
```
#91bdef
```
#91bdef rgb(145,189,239)
```
#a8caf2
```
#a8caf2 rgb(168,202,242)
```
#bed8f6
```
#bed8f6 rgb(190,216,246)
```

Monochromatic Color

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

#7bcbec
```
#7bcbec rgb(123,203,236)
```
#7bc2ec
```
#7bc2ec rgb(123,194,236)
```
#7bb8ec
```
#7bb8ec rgb(123,184,236)
```
#7bafec
```
#7bafec rgb(123,175,236)
```
#7ba6ec
```
#7ba6ec rgb(123,166,236)
```
#7b9cec
```
#7b9cec rgb(123,156,236)
```
#7b93ec
```
#7b93ec rgb(123,147,236)
```

Similar Colors

Text with hexadecimal color #7bafec

This text has a font color of #7bafec.

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

#7bafec background color

This paragraph has a background color of #7bafec.

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

#7bafec border color

This element has a border color of #7bafec.

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

CSS codes

.text {color:#7bafec;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#030c16
```
#030c16 rgb(3,12,22)
```
#061527
```
#061527 rgb(6,21,39)
```
#081e39
```
#081e39 rgb(8,30,57)
```
#0b284a
```
#0b284a rgb(11,40,74)
```
#0d315b
```
#0d315b rgb(13,49,91)
```
#103a6c
```
#103a6c rgb(16,58,108)
```
#12437d
```
#12437d rgb(18,67,125)
```
#144d8e
```
#144d8e rgb(20,77,142)
```
#1756a0
```
#1756a0 rgb(23,86,160)
```
#195fb1
```
#195fb1 rgb(25,95,177)
```
#1c68c2
```
#1c68c2 rgb(28,104,194)
```
#1e71d3
```
#1e71d3 rgb(30,113,211)
```

Shade Color Variation

#257be0
```
#257be0 rgb(37,123,224)
```
#3685e2
```
#3685e2 rgb(54,133,226)
```
#4890e5
```
#4890e5 rgb(72,144,229)
```
#599ae7
```
#599ae7 rgb(89,154,231)
```
#6aa5ea
```
#6aa5ea rgb(106,165,234)
```
#7bafec
```
#7bafec rgb(123,175,236)
```
#8cb9ee
```
#8cb9ee rgb(140,185,238)
```
#9dc4f1
```
#9dc4f1 rgb(157,196,241)
```
#aecef3
```
#aecef3 rgb(174,206,243)
```
#c0d9f6
```
#c0d9f6 rgb(192,217,246)
```
#d1e3f8
```
#d1e3f8 rgb(209,227,248)
```
#e2edfb
```
#e2edfb rgb(226,237,251)
```
#f3f8fd
```
#f3f8fd rgb(243,248,253)
```

Tint Color Variation

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

#afb3b8
```
#afb3b8 rgb(175,179,184)
```
#a9b3be
```
#a9b3be rgb(169,179,190)
```
#a4b2c3
```
#a4b2c3 rgb(164,178,195)
```
#9eb2c9
```
#9eb2c9 rgb(158,178,201)
```
#98b1cf
```
#98b1cf rgb(152,177,207)
```
#92b1d5
```
#92b1d5 rgb(146,177,213)
```
#8cb0db
```
#8cb0db rgb(140,176,219)
```
#87b0e0
```
#87b0e0 rgb(135,176,224)
```
#81afe6
```
#81afe6 rgb(129,175,230)
```
#7bafec
```
#7bafec rgb(123,175,236)
```
#75aff2
```
#75aff2 rgb(117,175,242)
```
#6faef8
```
#6faef8 rgb(111,174,248)
```
#6aaefd
```
#6aaefd rgb(106,174,253)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#9da8b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9dade9 Protanopia 1% of men
#98aeee Deuteranopia 1% of men
#73bac8 Tritanopia 0.001% of the population

Trichromacy

#90aeea Protanomaly 1% of men, 0.01% of women
#8daeed Deuteranomaly 6% of men, 0.4% of women
#76b6d5 Tritanomaly 0.01% of the population

#7bafec hex color

#7bafec Color Information

#7bafec Color Conversion

Color Schemes with #7bafec

Alternatives to #7bafec

#7bafec Preview

Shades and Tints of #7bafec

Tones of #7bafec

Color Blindness Simulator