#74bde2 hex color

In a RGB color space, hex #74bde2 is composed of 45.5% red, 74.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 48.7% cyan, 16.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 200.2 degrees, a saturation of 65.5% and a lightness of 67.1%. #74bde2 color hex could be obtained by blending #e8ffff with #007bc5. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 45
- G 74
- B 89
RGB color chart
- C 49
- M 16
- Y 0
- K 11
CMYK color chart

● #74bde2 color description : Soft blue.

The hexadecimal color #74bde2 has RGB values of R:116, G:189, B:226 and CMYK values of C:0.49, M:0.16, Y:0, K:0.11. Its decimal value is 7650786.

Hex triplet	74bde2	`#74bde2`
RGB Decimal	116, 189, 226	`rgb(116,189,226)`
RGB Percent	45.5, 74.1, 88.6	`rgb(45.5%,74.1%,88.6%)`
CMYK	49, 16, 0, 11
HSL	200.2°, 65.5, 67.1	`hsl(200.2,65.5%,67.1%)`
HSV (or HSB)	200.2°, 48.7, 88.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.283, -12.902, -25.541
XYZ	39.124, 45.597, 78.687
xyY	0.239, 0.279, 45.597
CIE-LCH	73.283, 28.615, 243.199
CIE-LUV	73.283, -33.035, -38.566
Hunter-Lab	67.525, -14.747, -21.822
Binary	01110100, 10111101, 11100010

#74bde2
```
#74bde2 rgb(116,189,226)
```
#e29974
```
#e29974 rgb(226,153,116)
```

Complementary Color

#74e2d0
```
#74e2d0 rgb(116,226,208)
```
#74bde2
```
#74bde2 rgb(116,189,226)
```
#7486e2
```
#7486e2 rgb(116,134,226)
```

Analogous Color

#e2d074
```
#e2d074 rgb(226,208,116)
```
#74bde2
```
#74bde2 rgb(116,189,226)
```
#e27486
```
#e27486 rgb(226,116,134)
```

Split Complementary Color

#bde274
```
#bde274 rgb(189,226,116)
```
#74bde2
```
#74bde2 rgb(116,189,226)
```
#e274bd
```
#e274bd rgb(226,116,189)
```

Triadic Color

#74e299
```
#74e299 rgb(116,226,153)
```
#74bde2
```
#74bde2 rgb(116,189,226)
```
#e274bd
```
#e274bd rgb(226,116,189)
```
#e29974
```
#e29974 rgb(226,153,116)
```

Tetradic Color

#359fd5
```
#359fd5 rgb(53,159,213)
```
#4aa9d9
```
#4aa9d9 rgb(74,169,217)
```
#5fb3de
```
#5fb3de rgb(95,179,222)
```
#74bde2
```
#74bde2 rgb(116,189,226)
```
#89c7e6
```
#89c7e6 rgb(137,199,230)
```
#9ed1eb
```
#9ed1eb rgb(158,209,235)
```
#b3dbef
```
#b3dbef rgb(179,219,239)
```

Monochromatic Color

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

#74d9e2
```
#74d9e2 rgb(116,217,226)
```
#74cfe2
```
#74cfe2 rgb(116,207,226)
```
#74c6e2
```
#74c6e2 rgb(116,198,226)
```
#74bde2
```
#74bde2 rgb(116,189,226)
```
#74b4e2
```
#74b4e2 rgb(116,180,226)
```
#74abe2
```
#74abe2 rgb(116,171,226)
```
#74a2e2
```
#74a2e2 rgb(116,162,226)
```

Similar Colors

Text with hexadecimal color #74bde2

This text has a font color of #74bde2.

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

#74bde2 background color

This paragraph has a background color of #74bde2.

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

#74bde2 border color

This element has a border color of #74bde2.

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

CSS codes

.text {color:#74bde2;}

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

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

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

#010507
```
#010507 rgb(1,5,7)
```
#051117
```
#051117 rgb(5,17,23)
```
#081d28
```
#081d28 rgb(8,29,40)
```
#0c2938
```
#0c2938 rgb(12,41,56)
```
#0f3548
```
#0f3548 rgb(15,53,72)
```
#124158
```
#124158 rgb(18,65,88)
```
#164d68
```
#164d68 rgb(22,77,104)
```
#195979
```
#195979 rgb(25,89,121)
```
#1d6489
```
#1d6489 rgb(29,100,137)
```
#207099
```
#207099 rgb(32,112,153)
```
#237ca9
```
#237ca9 rgb(35,124,169)
```
#2788ba
```
#2788ba rgb(39,136,186)
```
#2a94ca
```
#2a94ca rgb(42,148,202)
```

Shade Color Variation

#339ed4
```
#339ed4 rgb(51,158,212)
```
#43a6d8
```
#43a6d8 rgb(67,166,216)
```
#54aedb
```
#54aedb rgb(84,174,219)
```
#64b5df
```
#64b5df rgb(100,181,223)
```
#74bde2
```
#74bde2 rgb(116,189,226)
```
#84c5e5
```
#84c5e5 rgb(132,197,229)
```
#94cce9
```
#94cce9 rgb(148,204,233)
```
#a5d4ec
```
#a5d4ec rgb(165,212,236)
```
#b5dcf0
```
#b5dcf0 rgb(181,220,240)
```
#c5e4f3
```
#c5e4f3 rgb(197,228,243)
```
#d5ebf6
```
#d5ebf6 rgb(213,235,246)
```
#e6f3fa
```
#e6f3fa rgb(230,243,250)
```
#f6fbfd
```
#f6fbfd rgb(246,251,253)
```

Tint Color Variation

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

#a8acae
```
#a8acae rgb(168,172,174)
```
#a1aeb5
```
#a1aeb5 rgb(161,174,181)
```
#9bb0bb
```
#9bb0bb rgb(155,176,187)
```
#94b2c2
```
#94b2c2 rgb(148,178,194)
```
#8eb5c8
```
#8eb5c8 rgb(142,181,200)
```
#87b7cf
```
#87b7cf rgb(135,183,207)
```
#81b9d5
```
#81b9d5 rgb(129,185,213)
```
#7abbdc
```
#7abbdc rgb(122,187,220)
```
#74bde2
```
#74bde2 rgb(116,189,226)
```
#6ebfe8
```
#6ebfe8 rgb(110,191,232)
```
#67c1ef
```
#67c1ef rgb(103,193,239)
```
#61c3f5
```
#61c3f5 rgb(97,195,245)
```
#5ac5fc
```
#5ac5fc rgb(90,197,252)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a0afb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb6dd Protanopia 1% of men
#adb4e7 Deuteranopia 1% of men
#74c3d1 Tritanopia 0.001% of the population

Trichromacy

#99b8de Protanomaly 1% of men, 0.01% of women
#98b7e5 Deuteranomaly 6% of men, 0.4% of women
#74c1d7 Tritanomaly 0.01% of the population

#74bde2 hex color

#74bde2 Color Information

#74bde2 Color Conversion

Color Schemes with #74bde2

Alternatives to #74bde2

#74bde2 Preview

Shades and Tints of #74bde2

Tones of #74bde2

Color Blindness Simulator