#7bbdec hex color

In a RGB color space, hex #7bbdec is composed of 48.2% red, 74.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 47.9% cyan, 19.9% magenta, 0% yellow and 7.5% black. It has a hue angle of 205 degrees, a saturation of 74.8% and a lightness of 70.4%. #7bbdec color hex could be obtained by blending #f6ffff with #007bd9. Closest websafe color is: #66ccff.

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

● #7bbdec color description : Soft blue.

The hexadecimal color #7bbdec has RGB values of R:123, G:189, B:236 and CMYK values of C:0.48, M:0.2, Y:0, K:0.07. Its decimal value is 8109548.

Hex triplet	7bbdec	`#7bbdec`
RGB Decimal	123, 189, 236	`rgb(123,189,236)`
RGB Percent	48.2, 74.1, 92.5	`rgb(48.2%,74.1%,92.5%)`
CMYK	48, 20, 0, 7
HSL	205°, 74.8, 70.4	`hsl(205,74.8%,70.4%)`
HSV (or HSB)	205°, 47.9, 92.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.972, -8.481, -29.873
XYZ	41.503, 46.66, 86.172
xyY	0.238, 0.268, 46.66
CIE-LCH	73.972, 31.054, 254.152
CIE-LUV	73.972, -30.595, -46.506
Hunter-Lab	68.308, -11.086, -26.979
Binary	01111011, 10111101, 11101100

#7bbdec
```
#7bbdec rgb(123,189,236)
```
#ecaa7b
```
#ecaa7b rgb(236,170,123)
```

Complementary Color

#7bece3
```
#7bece3 rgb(123,236,227)
```
#7bbdec
```
#7bbdec rgb(123,189,236)
```
#7b85ec
```
#7b85ec rgb(123,133,236)
```

Analogous Color

#ece37b
```
#ece37b rgb(236,227,123)
```
#7bbdec
```
#7bbdec rgb(123,189,236)
```
#ec7b85
```
#ec7b85 rgb(236,123,133)
```

Split Complementary Color

#bdec7b
```
#bdec7b rgb(189,236,123)
```
#7bbdec
```
#7bbdec rgb(123,189,236)
```
#ec7bbd
```
#ec7bbd rgb(236,123,189)
```

Triadic Color

#7becaa
```
#7becaa rgb(123,236,170)
```
#7bbdec
```
#7bbdec rgb(123,189,236)
```
#ec7bbd
```
#ec7bbd rgb(236,123,189)
```
#ecaa7b
```
#ecaa7b rgb(236,170,123)
```

Tetradic Color

#389ce2
```
#389ce2 rgb(56,156,226)
```
#4ea7e6
```
#4ea7e6 rgb(78,167,230)
```
#65b2e9
```
#65b2e9 rgb(101,178,233)
```
#7bbdec
```
#7bbdec rgb(123,189,236)
```
#91c8ef
```
#91c8ef rgb(145,200,239)
```
#a8d3f2
```
#a8d3f2 rgb(168,211,242)
```
#bedef6
```
#bedef6 rgb(190,222,246)
```

Monochromatic Color

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

#7bd9ec
```
#7bd9ec rgb(123,217,236)
```
#7bd0ec
```
#7bd0ec rgb(123,208,236)
```
#7bc6ec
```
#7bc6ec rgb(123,198,236)
```
#7bbdec
```
#7bbdec rgb(123,189,236)
```
#7bb4ec
```
#7bb4ec rgb(123,180,236)
```
#7baaec
```
#7baaec rgb(123,170,236)
```
#7ba1ec
```
#7ba1ec rgb(123,161,236)
```

Similar Colors

Text with hexadecimal color #7bbdec

This text has a font color of #7bbdec.

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

#7bbdec background color

This paragraph has a background color of #7bbdec.

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

#7bbdec border color

This element has a border color of #7bbdec.

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

CSS codes

.text {color:#7bbdec;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#030e16
```
#030e16 rgb(3,14,22)
```
#061927
```
#061927 rgb(6,25,39)
```
#082439
```
#082439 rgb(8,36,57)
```
#0b304a
```
#0b304a rgb(11,48,74)
```
#0d3b5b
```
#0d3b5b rgb(13,59,91)
```
#10466c
```
#10466c rgb(16,70,108)
```
#12517d
```
#12517d rgb(18,81,125)
```
#145c8e
```
#145c8e rgb(20,92,142)
```
#1767a0
```
#1767a0 rgb(23,103,160)
```
#1972b1
```
#1972b1 rgb(25,114,177)
```
#1c7dc2
```
#1c7dc2 rgb(28,125,194)
```
#1e88d3
```
#1e88d3 rgb(30,136,211)
```

Shade Color Variation

#2592e0
```
#2592e0 rgb(37,146,224)
```
#369be2
```
#369be2 rgb(54,155,226)
```
#48a3e5
```
#48a3e5 rgb(72,163,229)
```
#59ace7
```
#59ace7 rgb(89,172,231)
```
#6ab4ea
```
#6ab4ea rgb(106,180,234)
```
#7bbdec
```
#7bbdec rgb(123,189,236)
```
#8cc6ee
```
#8cc6ee rgb(140,198,238)
```
#9dcef1
```
#9dcef1 rgb(157,206,241)
```
#aed7f3
```
#aed7f3 rgb(174,215,243)
```
#c0dff6
```
#c0dff6 rgb(192,223,246)
```
#d1e8f8
```
#d1e8f8 rgb(209,232,248)
```
#e2f0fb
```
#e2f0fb rgb(226,240,251)
```
#f3f9fd
```
#f3f9fd rgb(243,249,253)
```

Tint Color Variation

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

#afb4b8
```
#afb4b8 rgb(175,180,184)
```
#a9b5be
```
#a9b5be rgb(169,181,190)
```
#a4b6c3
```
#a4b6c3 rgb(164,182,195)
```
#9eb7c9
```
#9eb7c9 rgb(158,183,201)
```
#98b8cf
```
#98b8cf rgb(152,184,207)
```
#92b9d5
```
#92b9d5 rgb(146,185,213)
```
#8cbadb
```
#8cbadb rgb(140,186,219)
```
#87bbe0
```
#87bbe0 rgb(135,187,224)
```
#81bce6
```
#81bce6 rgb(129,188,230)
```
#7bbdec
```
#7bbdec rgb(123,189,236)
```
#75bef2
```
#75bef2 rgb(117,190,242)
```
#6fbff8
```
#6fbff8 rgb(111,191,248)
```
#6ac0fd
```
#6ac0fd rgb(106,192,253)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#a5b2bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#acb7e7 Protanopia 1% of men
#aab7f0 Deuteranopia 1% of men
#77c5d3 Tritanopia 0.001% of the population

Trichromacy

#9ab9e9 Protanomaly 1% of men, 0.01% of women
#99b9ee Deuteranomaly 6% of men, 0.4% of women
#78c2dc Tritanomaly 0.01% of the population

#7bbdec hex color

#7bbdec Color Information

#7bbdec Color Conversion

Color Schemes with #7bbdec

Alternatives to #7bbdec

#7bbdec Preview

Shades and Tints of #7bbdec

Tones of #7bbdec

Color Blindness Simulator