#74bae9 hex color

In a RGB color space, hex #74bae9 is composed of 45.5% red, 72.9% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 20.2% magenta, 0% yellow and 8.6% black. It has a hue angle of 204.1 degrees, a saturation of 72.7% and a lightness of 68.4%. #74bae9 color hex could be obtained by blending #e8ffff with #0075d3. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 45
- G 73
- B 91
RGB color chart
- C 50
- M 20
- Y 0
- K 9
CMYK color chart

● #74bae9 color description : Soft blue.

The hexadecimal color #74bae9 has RGB values of R:116, G:186, B:233 and CMYK values of C:0.5, M:0.2, Y:0, K:0.09. Its decimal value is 7650025.

Hex triplet	74bae9	`#74bae9`
RGB Decimal	116, 186, 233	`rgb(116,186,233)`
RGB Percent	45.5, 72.9, 91.4	`rgb(45.5%,72.9%,91.4%)`
CMYK	50, 20, 0, 9
HSL	204.1°, 72.7, 68.4	`hsl(204.1,72.7%,68.4%)`
HSV (or HSB)	204.1°, 50.2, 91.4
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.702, -9.316, -30.231
XYZ	39.466, 44.712, 83.637
xyY	0.235, 0.266, 44.712
CIE-LCH	72.702, 31.634, 252.873
CIE-LUV	72.702, -31.736, -46.9
Hunter-Lab	66.867, -11.664, -27.353
Binary	01110100, 10111010, 11101001

#74bae9
```
#74bae9 rgb(116,186,233)
```
#e9a374
```
#e9a374 rgb(233,163,116)
```

Complementary Color

#74e9de
```
#74e9de rgb(116,233,222)
```
#74bae9
```
#74bae9 rgb(116,186,233)
```
#7480e9
```
#7480e9 rgb(116,128,233)
```

Analogous Color

#e9de74
```
#e9de74 rgb(233,222,116)
```
#74bae9
```
#74bae9 rgb(116,186,233)
```
#e97480
```
#e97480 rgb(233,116,128)
```

Split Complementary Color

#bae974
```
#bae974 rgb(186,233,116)
```
#74bae9
```
#74bae9 rgb(116,186,233)
```
#e974ba
```
#e974ba rgb(233,116,186)
```

Triadic Color

#74e9a3
```
#74e9a3 rgb(116,233,163)
```
#74bae9
```
#74bae9 rgb(116,186,233)
```
#e974ba
```
#e974ba rgb(233,116,186)
```
#e9a374
```
#e9a374 rgb(233,163,116)
```

Tetradic Color

#3299df
```
#3299df rgb(50,153,223)
```
#48a4e2
```
#48a4e2 rgb(72,164,226)
```
#5eafe6
```
#5eafe6 rgb(94,175,230)
```
#74bae9
```
#74bae9 rgb(116,186,233)
```
#8ac5ec
```
#8ac5ec rgb(138,197,236)
```
#a0d0f0
```
#a0d0f0 rgb(160,208,240)
```
#b6dbf3
```
#b6dbf3 rgb(182,219,243)
```

Monochromatic Color

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

#74d7e9
```
#74d7e9 rgb(116,215,233)
```
#74cee9
```
#74cee9 rgb(116,206,233)
```
#74c4e9
```
#74c4e9 rgb(116,196,233)
```
#74bae9
```
#74bae9 rgb(116,186,233)
```
#74b0e9
```
#74b0e9 rgb(116,176,233)
```
#74a7e9
```
#74a7e9 rgb(116,167,233)
```
#749de9
```
#749de9 rgb(116,157,233)
```

Similar Colors

Text with hexadecimal color #74bae9

This text has a font color of #74bae9.

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

#74bae9 background color

This paragraph has a background color of #74bae9.

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

#74bae9 border color

This element has a border color of #74bae9.

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

CSS codes

.text {color:#74bae9;}

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

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

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, #02090d is the darkest color, while #fbfdfe is the lightest one.

#02090d
```
#02090d rgb(2,9,13)
```
#05141e
```
#05141e rgb(5,20,30)
```
#071f2f
```
#071f2f rgb(7,31,47)
```
#0a2b40
```
#0a2b40 rgb(10,43,64)
```
#0d3651
```
#0d3651 rgb(13,54,81)
```
#104162
```
#104162 rgb(16,65,98)
```
#124c73
```
#124c73 rgb(18,76,115)
```
#155784
```
#155784 rgb(21,87,132)
```
#186395
```
#186395 rgb(24,99,149)
```
#1a6ea6
```
#1a6ea6 rgb(26,110,166)
```
#1d79b7
```
#1d79b7 rgb(29,121,183)
```
#2084c8
```
#2084c8 rgb(32,132,200)
```
#228fd9
```
#228fd9 rgb(34,143,217)
```

Shade Color Variation

#3098de
```
#3098de rgb(48,152,222)
```
#41a1e1
```
#41a1e1 rgb(65,161,225)
```
#52a9e4
```
#52a9e4 rgb(82,169,228)
```
#63b2e6
```
#63b2e6 rgb(99,178,230)
```
#74bae9
```
#74bae9 rgb(116,186,233)
```
#85c2ec
```
#85c2ec rgb(133,194,236)
```
#96cbee
```
#96cbee rgb(150,203,238)
```
#a7d3f1
```
#a7d3f1 rgb(167,211,241)
```
#b8dcf4
```
#b8dcf4 rgb(184,220,244)
```
#c9e4f6
```
#c9e4f6 rgb(201,228,246)
```
#daecf9
```
#daecf9 rgb(218,236,249)
```
#ebf5fc
```
#ebf5fc rgb(235,245,252)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#acafb1
```
#acafb1 rgb(172,175,177)
```
#a6b0b7
```
#a6b0b7 rgb(166,176,183)
```
#9fb1be
```
#9fb1be rgb(159,177,190)
```
#99b3c4
```
#99b3c4 rgb(153,179,196)
```
#93b4ca
```
#93b4ca rgb(147,180,202)
```
#8db5d0
```
#8db5d0 rgb(141,181,208)
```
#87b6d6
```
#87b6d6 rgb(135,182,214)
```
#80b8dd
```
#80b8dd rgb(128,184,221)
```
#7ab9e3
```
#7ab9e3 rgb(122,185,227)
```
#74bae9
```
#74bae9 rgb(116,186,233)
```
#6ebbef
```
#6ebbef rgb(110,187,239)
```
#68bcf5
```
#68bcf5 rgb(104,188,245)
```
#61befc
```
#61befc rgb(97,190,252)
```

Tone Color Variation

Below, you can see how #74bae9 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
#9fadb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b4e4 Protanopia 1% of men
#a6b3ed Deuteranopia 1% of men
#70c2d0 Tritanopia 0.001% of the population

Trichromacy

#95b6e5 Protanomaly 1% of men, 0.01% of women
#94b6ec Deuteranomaly 6% of men, 0.4% of women
#71bfd9 Tritanomaly 0.01% of the population

#74bae9 hex color

#74bae9 Color Information

#74bae9 Color Conversion

Color Schemes with #74bae9

Alternatives to #74bae9

#74bae9 Preview

Shades and Tints of #74bae9

Tones of #74bae9

Color Blindness Simulator