#7bb4f0 hex color

In a RGB color space, hex #7bb4f0 is composed of 48.2% red, 70.6% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 25% magenta, 0% yellow and 5.9% black. It has a hue angle of 210.8 degrees, a saturation of 79.6% and a lightness of 71.2%. #7bb4f0 color hex could be obtained by blending #f6ffff with #0069e1. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 48
- G 71
- B 94
RGB color chart
- C 49
- M 25
- Y 0
- K 6
CMYK color chart

● #7bb4f0 color description : Soft blue.

The hexadecimal color #7bb4f0 has RGB values of R:123, G:180, B:240 and CMYK values of C:0.49, M:0.25, Y:0, K:0.06. Its decimal value is 8107248.

Hex triplet	7bb4f0	`#7bb4f0`
RGB Decimal	123, 180, 240	`rgb(123,180,240)`
RGB Percent	48.2, 70.6, 94.1	`rgb(48.2%,70.6%,94.1%)`
CMYK	49, 25, 0, 6
HSL	210.8°, 79.6, 71.2	`hsl(210.8,79.6%,71.2%)`
HSV (or HSB)	210.8°, 48.8, 94.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	71.652, -2.447, -35.624
XYZ	40.214, 43.143, 88.642
xyY	0.234, 0.251, 43.143
CIE-LCH	71.652, 35.708, 266.071
CIE-LUV	71.652, -27.105, -56.84
Hunter-Lab	65.683, -5.66, -34.036
Binary	01111011, 10110100, 11110000

#7bb4f0
```
#7bb4f0 rgb(123,180,240)
```
#f0b77b
```
#f0b77b rgb(240,183,123)
```

Complementary Color

#7beff0
```
#7beff0 rgb(123,239,240)
```
#7bb4f0
```
#7bb4f0 rgb(123,180,240)
```
#7d7bf0
```
#7d7bf0 rgb(125,123,240)
```

Analogous Color

#eff07b
```
#eff07b rgb(239,240,123)
```
#7bb4f0
```
#7bb4f0 rgb(123,180,240)
```
#f07d7b
```
#f07d7b rgb(240,125,123)
```

Split Complementary Color

#b4f07b
```
#b4f07b rgb(180,240,123)
```
#7bb4f0
```
#7bb4f0 rgb(123,180,240)
```
#f07bb4
```
#f07bb4 rgb(240,123,180)
```

Triadic Color

#7bf0b7
```
#7bf0b7 rgb(123,240,183)
```
#7bb4f0
```
#7bb4f0 rgb(123,180,240)
```
#f07bb4
```
#f07bb4 rgb(240,123,180)
```
#f0b77b
```
#f0b77b rgb(240,183,123)
```

Tetradic Color

#368de8
```
#368de8 rgb(54,141,232)
```
#4d9aeb
```
#4d9aeb rgb(77,154,235)
```
#64a7ed
```
#64a7ed rgb(100,167,237)
```
#7bb4f0
```
#7bb4f0 rgb(123,180,240)
```
#92c1f3
```
#92c1f3 rgb(146,193,243)
```
#a9cef5
```
#a9cef5 rgb(169,206,245)
```
#c0dbf8
```
#c0dbf8 rgb(192,219,248)
```

Monochromatic Color

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

#7bd1f0
```
#7bd1f0 rgb(123,209,240)
```
#7bc8f0
```
#7bc8f0 rgb(123,200,240)
```
#7bbef0
```
#7bbef0 rgb(123,190,240)
```
#7bb4f0
```
#7bb4f0 rgb(123,180,240)
```
#7baaf0
```
#7baaf0 rgb(123,170,240)
```
#7ba1f0
```
#7ba1f0 rgb(123,161,240)
```
#7b97f0
```
#7b97f0 rgb(123,151,240)
```

Similar Colors

Text with hexadecimal color #7bb4f0

This text has a font color of #7bb4f0.

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

#7bb4f0 background color

This paragraph has a background color of #7bb4f0.

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

#7bb4f0 border color

This element has a border color of #7bb4f0.

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

CSS codes

.text {color:#7bb4f0;}

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

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

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

#010509
```
#010509 rgb(1,5,9)
```
#030e1b
```
#030e1b rgb(3,14,27)
```
#05182c
```
#05182c rgb(5,24,44)
```
#07223e
```
#07223e rgb(7,34,62)
```
#092b4f
```
#092b4f rgb(9,43,79)
```
#0b3561
```
#0b3561 rgb(11,53,97)
```
#0d3f73
```
#0d3f73 rgb(13,63,115)
```
#0f4884
```
#0f4884 rgb(15,72,132)
```
#115296
```
#115296 rgb(17,82,150)
```
#135ba7
```
#135ba7 rgb(19,91,167)
```
#1565b9
```
#1565b9 rgb(21,101,185)
```
#176fcb
```
#176fcb rgb(23,111,203)
```
#1978dc
```
#1978dc rgb(25,120,220)
```

Shade Color Variation

#2382e6
```
#2382e6 rgb(35,130,230)
```
#358ce8
```
#358ce8 rgb(53,140,232)
```
#4696ea
```
#4696ea rgb(70,150,234)
```
#58a0ec
```
#58a0ec rgb(88,160,236)
```
#69aaee
```
#69aaee rgb(105,170,238)
```
#7bb4f0
```
#7bb4f0 rgb(123,180,240)
```
#8dbef2
```
#8dbef2 rgb(141,190,242)
```
#9ec8f4
```
#9ec8f4 rgb(158,200,244)
```
#b0d2f6
```
#b0d2f6 rgb(176,210,246)
```
#c1dcf8
```
#c1dcf8 rgb(193,220,248)
```
#d3e6fa
```
#d3e6fa rgb(211,230,250)
```
#e5f0fc
```
#e5f0fc rgb(229,240,252)
```
#f6fafe
```
#f6fafe rgb(246,250,254)
```

Tint Color Variation

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

#b4b5b7
```
#b4b5b7 rgb(180,181,183)
```
#aeb5bd
```
#aeb5bd rgb(174,181,189)
```
#a8b5c3
```
#a8b5c3 rgb(168,181,195)
```
#a3b5c8
```
#a3b5c8 rgb(163,181,200)
```
#9db5ce
```
#9db5ce rgb(157,181,206)
```
#97b5d4
```
#97b5d4 rgb(151,181,212)
```
#92b5d9
```
#92b5d9 rgb(146,181,217)
```
#8cb4df
```
#8cb4df rgb(140,180,223)
```
#86b4e5
```
#86b4e5 rgb(134,180,229)
```
#81b4ea
```
#81b4ea rgb(129,180,234)
```
#7bb4f0
```
#7bb4f0 rgb(123,180,240)
```
#75b4f6
```
#75b4f6 rgb(117,180,246)
```
#70b4fb
```
#70b4fb rgb(112,180,251)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a1acb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1b1ec Protanopia 1% of men
#9cb1f3 Deuteranopia 1% of men
#73becc Tritanopia 0.001% of the population

Trichromacy

#93b2ed Protanomaly 1% of men, 0.01% of women
#90b2f1 Deuteranomaly 6% of men, 0.4% of women
#76bad9 Tritanomaly 0.01% of the population

#7bb4f0 hex color

#7bb4f0 Color Information

#7bb4f0 Color Conversion

Color Schemes with #7bb4f0

Alternatives to #7bb4f0

#7bb4f0 Preview

Shades and Tints of #7bb4f0

Tones of #7bb4f0

Color Blindness Simulator