#74bbf6 hex color

In a RGB color space, hex #74bbf6 is composed of 45.5% red, 73.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 24% magenta, 0% yellow and 3.5% black. It has a hue angle of 207.2 degrees, a saturation of 87.8% and a lightness of 71%. #74bbf6 color hex could be obtained by blending #e8ffff with #0077ed. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 45
- G 73
- B 96
RGB color chart
- C 53
- M 24
- Y 0
- K 4
CMYK color chart

● #74bbf6 color description : Soft blue.

The hexadecimal color #74bbf6 has RGB values of R:116, G:187, B:246 and CMYK values of C:0.53, M:0.24, Y:0, K:0.04. Its decimal value is 7650294.

Hex triplet	74bbf6	`#74bbf6`
RGB Decimal	116, 187, 246	`rgb(116,187,246)`
RGB Percent	45.5, 73.3, 96.5	`rgb(45.5%,73.3%,96.5%)`
CMYK	53, 24, 0, 4
HSL	207.2°, 87.8, 71	`hsl(207.2,87.8%,71%)`
HSV (or HSB)	207.2°, 52.8, 96.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.484, -6.071, -36.055
XYZ	41.603, 45.905, 93.852
xyY	0.229, 0.253, 45.905
CIE-LCH	73.484, 36.562, 260.442
CIE-LUV	73.484, -31.865, -57.301
Hunter-Lab	67.753, -8.962, -34.701
Binary	01110100, 10111011, 11110110

#74bbf6
```
#74bbf6 rgb(116,187,246)
```
#f6af74
```
#f6af74 rgb(246,175,116)
```

Complementary Color

#74f6f0
```
#74f6f0 rgb(116,246,240)
```
#74bbf6
```
#74bbf6 rgb(116,187,246)
```
#747af6
```
#747af6 rgb(116,122,246)
```

Analogous Color

#f6f074
```
#f6f074 rgb(246,240,116)
```
#74bbf6
```
#74bbf6 rgb(116,187,246)
```
#f6747a
```
#f6747a rgb(246,116,122)
```

Split Complementary Color

#bbf674
```
#bbf674 rgb(187,246,116)
```
#74bbf6
```
#74bbf6 rgb(116,187,246)
```
#f674bb
```
#f674bb rgb(246,116,187)
```

Triadic Color

#74f6af
```
#74f6af rgb(116,246,175)
```
#74bbf6
```
#74bbf6 rgb(116,187,246)
```
#f674bb
```
#f674bb rgb(246,116,187)
```
#f6af74
```
#f6af74 rgb(246,175,116)
```

Tetradic Color

#2c98f1
```
#2c98f1 rgb(44,152,241)
```
#44a4f3
```
#44a4f3 rgb(68,164,243)
```
#5caff4
```
#5caff4 rgb(92,175,244)
```
#74bbf6
```
#74bbf6 rgb(116,187,246)
```
#8cc7f8
```
#8cc7f8 rgb(140,199,248)
```
#a4d2f9
```
#a4d2f9 rgb(164,210,249)
```
#bcdefb
```
#bcdefb rgb(188,222,251)
```

Monochromatic Color

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

#74dcf6
```
#74dcf6 rgb(116,220,246)
```
#74d1f6
```
#74d1f6 rgb(116,209,246)
```
#74c6f6
```
#74c6f6 rgb(116,198,246)
```
#74bbf6
```
#74bbf6 rgb(116,187,246)
```
#74b0f6
```
#74b0f6 rgb(116,176,246)
```
#74a5f6
```
#74a5f6 rgb(116,165,246)
```
#749bf6
```
#749bf6 rgb(116,155,246)
```

Similar Colors

Text with hexadecimal color #74bbf6

This text has a font color of #74bbf6.

<span style="color:#74bbf6;">Text here</span>

#74bbf6 background color

This paragraph has a background color of #74bbf6.

<p style="background-color:#74bbf6;">Content here</p>

#74bbf6 border color

This element has a border color of #74bbf6.

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

CSS codes

.text {color:#74bbf6;}

.background {background-color:#74bbf6;}

.border {border:1px solid #74bbf6;}

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

#010508
```
#010508 rgb(1,5,8)
```
#020f1b
```
#020f1b rgb(2,15,27)
```
#031a2d
```
#031a2d rgb(3,26,45)
```
#042540
```
#042540 rgb(4,37,64)
```
#052f52
```
#052f52 rgb(5,47,82)
```
#073a64
```
#073a64 rgb(7,58,100)
```
#084477
```
#084477 rgb(8,68,119)
```
#094f89
```
#094f89 rgb(9,79,137)
```
#0a5a9c
```
#0a5a9c rgb(10,90,156)
```
#0b64ae
```
#0b64ae rgb(11,100,174)
```
#0c6fc1
```
#0c6fc1 rgb(12,111,193)
```
#0e79d3
```
#0e79d3 rgb(14,121,211)
```
#0f84e5
```
#0f84e5 rgb(15,132,229)
```

Shade Color Variation

#188ef0
```
#188ef0 rgb(24,142,240)
```
#2a97f1
```
#2a97f1 rgb(42,151,241)
```
#3da0f2
```
#3da0f2 rgb(61,160,242)
```
#4fa9f4
```
#4fa9f4 rgb(79,169,244)
```
#62b2f5
```
#62b2f5 rgb(98,178,245)
```
#74bbf6
```
#74bbf6 rgb(116,187,246)
```
#86c4f7
```
#86c4f7 rgb(134,196,247)
```
#99cdf8
```
#99cdf8 rgb(153,205,248)
```
#abd6fa
```
#abd6fa rgb(171,214,250)
```
#bedffb
```
#bedffb rgb(190,223,251)
```
#d0e8fc
```
#d0e8fc rgb(208,232,252)
```
#e3f1fd
```
#e3f1fd rgb(227,241,253)
```
#f5fafe
```
#f5fafe rgb(245,250,254)
```

Tint Color Variation

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

#b3b5b7
```
#b3b5b7 rgb(179,181,183)
```
#adb6bd
```
#adb6bd rgb(173,182,189)
```
#a7b6c3
```
#a7b6c3 rgb(167,182,195)
```
#a2b7c8
```
#a2b7c8 rgb(162,183,200)
```
#9cb7ce
```
#9cb7ce rgb(156,183,206)
```
#96b8d4
```
#96b8d4 rgb(150,184,212)
```
#90b8da
```
#90b8da rgb(144,184,218)
```
#8bb9df
```
#8bb9df rgb(139,185,223)
```
#85b9e5
```
#85b9e5 rgb(133,185,229)
```
#7fbaeb
```
#7fbaeb rgb(127,186,235)
```
#7abaf0
```
#7abaf0 rgb(122,186,240)
```
#74bbf6
```
#74bbf6 rgb(116,187,246)
```
#6ebcfc
```
#6ebcfc rgb(110,188,252)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#a1afbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6b6f0 Protanopia 1% of men
#a0b6f9 Deuteranopia 1% of men
#6bc5d3 Tritanopia 0.001% of the population

Trichromacy

#94b7f2 Protanomaly 1% of men, 0.01% of women
#90b8f8 Deuteranomaly 6% of men, 0.4% of women
#6ec1e0 Tritanomaly 0.01% of the population

#74bbf6 hex color

#74bbf6 Color Information

#74bbf6 Color Conversion

Color Schemes with #74bbf6

Alternatives to #74bbf6

#74bbf6 Preview

Shades and Tints of #74bbf6

Tones of #74bbf6

Color Blindness Simulator