#74caf8 hex color

In a RGB color space, hex #74caf8 is composed of 45.5% red, 79.2% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 53.2% cyan, 18.5% magenta, 0% yellow and 2.7% black. It has a hue angle of 200.9 degrees, a saturation of 90.4% and a lightness of 71.4%. #74caf8 color hex could be obtained by blending #e8ffff with #0095f1. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 45
- G 79
- B 97
RGB color chart
- C 53
- M 19
- Y 0
- K 3
CMYK color chart

● #74caf8 color description : Soft blue.

The hexadecimal color #74caf8 has RGB values of R:116, G:202, B:248 and CMYK values of C:0.53, M:0.19, Y:0, K:0.03. Its decimal value is 7654136.

Hex triplet	74caf8	`#74caf8`
RGB Decimal	116, 202, 248	`rgb(116,202,248)`
RGB Percent	45.5, 79.2, 97.3	`rgb(45.5%,79.2%,97.3%)`
CMYK	53, 19, 0, 3
HSL	200.9°, 90.4, 71.4	`hsl(200.9,90.4%,71.4%)`
HSV (or HSB)	200.9°, 53.2, 97.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.714, -13.489, -30.597
XYZ	45.262, 52.729, 96.594
xyY	0.233, 0.271, 52.729
CIE-LCH	77.714, 33.438, 246.21
CIE-LUV	77.714, -37.428, -47.355
Hunter-Lab	72.614, -15.812, -28.04
Binary	01110100, 11001010, 11111000

#74caf8
```
#74caf8 rgb(116,202,248)
```
#f8a274
```
#f8a274 rgb(248,162,116)
```

Complementary Color

#74f8e4
```
#74f8e4 rgb(116,248,228)
```
#74caf8
```
#74caf8 rgb(116,202,248)
```
#7488f8
```
#7488f8 rgb(116,136,248)
```

Analogous Color

#f8e474
```
#f8e474 rgb(248,228,116)
```
#74caf8
```
#74caf8 rgb(116,202,248)
```
#f87488
```
#f87488 rgb(248,116,136)
```

Split Complementary Color

#caf874
```
#caf874 rgb(202,248,116)
```
#74caf8
```
#74caf8 rgb(116,202,248)
```
#f874ca
```
#f874ca rgb(248,116,202)
```

Triadic Color

#74f8a2
```
#74f8a2 rgb(116,248,162)
```
#74caf8
```
#74caf8 rgb(116,202,248)
```
#f874ca
```
#f874ca rgb(248,116,202)
```
#f8a274
```
#f8a274 rgb(248,162,116)
```

Tetradic Color

#2baef4
```
#2baef4 rgb(43,174,244)
```
#43b7f6
```
#43b7f6 rgb(67,183,246)
```
#5cc1f7
```
#5cc1f7 rgb(92,193,247)
```
#74caf8
```
#74caf8 rgb(116,202,248)
```
#8cd3f9
```
#8cd3f9 rgb(140,211,249)
```
#a5ddfa
```
#a5ddfa rgb(165,221,250)
```
#bde6fc
```
#bde6fc rgb(189,230,252)
```

Monochromatic Color

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

#74ebf8
```
#74ebf8 rgb(116,235,248)
```
#74e0f8
```
#74e0f8 rgb(116,224,248)
```
#74d5f8
```
#74d5f8 rgb(116,213,248)
```
#74caf8
```
#74caf8 rgb(116,202,248)
```
#74bff8
```
#74bff8 rgb(116,191,248)
```
#74b4f8
```
#74b4f8 rgb(116,180,248)
```
#74a9f8
```
#74a9f8 rgb(116,169,248)
```

Similar Colors

Text with hexadecimal color #74caf8

This text has a font color of #74caf8.

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

#74caf8 background color

This paragraph has a background color of #74caf8.

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

#74caf8 border color

This element has a border color of #74caf8.

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

CSS codes

.text {color:#74caf8;}

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

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

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, #01070a is the darkest color, while #f7fcff is the lightest one.

#01070a
```
#01070a rgb(1,7,10)
```
#01131d
```
#01131d rgb(1,19,29)
```
#022030
```
#022030 rgb(2,32,48)
```
#032c42
```
#032c42 rgb(3,44,66)
```
#043955
```
#043955 rgb(4,57,85)
```
#054568
```
#054568 rgb(5,69,104)
```
#06527a
```
#06527a rgb(6,82,122)
```
#075e8d
```
#075e8d rgb(7,94,141)
```
#086ba0
```
#086ba0 rgb(8,107,160)
```
#0977b2
```
#0977b2 rgb(9,119,178)
```
#0a84c5
```
#0a84c5 rgb(10,132,197)
```
#0b90d8
```
#0b90d8 rgb(11,144,216)
```
#0c9dea
```
#0c9dea rgb(12,157,234)
```

Shade Color Variation

#17a6f3
```
#17a6f3 rgb(23,166,243)
```
#29aef4
```
#29aef4 rgb(41,174,244)
```
#3cb5f5
```
#3cb5f5 rgb(60,181,245)
```
#4fbcf6
```
#4fbcf6 rgb(79,188,246)
```
#61c3f7
```
#61c3f7 rgb(97,195,247)
```
#74caf8
```
#74caf8 rgb(116,202,248)
```
#87d1f9
```
#87d1f9 rgb(135,209,249)
```
#99d8fa
```
#99d8fa rgb(153,216,250)
```
#acdffb
```
#acdffb rgb(172,223,251)
```
#bfe6fc
```
#bfe6fc rgb(191,230,252)
```
#d1eefd
```
#d1eefd rgb(209,238,253)
```
#e4f5fe
```
#e4f5fe rgb(228,245,254)
```
#f7fcff
```
#f7fcff rgb(247,252,255)
```

Tint Color Variation

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

#b2b7ba
```
#b2b7ba rgb(178,183,186)
```
#acb9c0
```
#acb9c0 rgb(172,185,192)
```
#a7bbc5
```
#a7bbc5 rgb(167,187,197)
```
#a1bccb
```
#a1bccb rgb(161,188,203)
```
#9bbed1
```
#9bbed1 rgb(155,190,209)
```
#96c0d6
```
#96c0d6 rgb(150,192,214)
```
#90c1dc
```
#90c1dc rgb(144,193,220)
```
#8ac3e2
```
#8ac3e2 rgb(138,195,226)
```
#85c5e7
```
#85c5e7 rgb(133,197,231)
```
#7fc7ed
```
#7fc7ed rgb(127,199,237)
```
#7ac8f2
```
#7ac8f2 rgb(122,200,242)
```
#74caf8
```
#74caf8 rgb(116,202,248)
```
#6eccfe
```
#6eccfe rgb(110,204,254)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#a9bac3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6c1f1 Protanopia 1% of men
#b3c0fc Deuteranopia 1% of men
#70d1e0 Tritanopia 0.001% of the population

Trichromacy

#9ec4f3 Protanomaly 1% of men, 0.01% of women
#9cc4fb Deuteranomaly 6% of men, 0.4% of women
#71cee9 Tritanomaly 0.01% of the population

#74caf8 hex color

#74caf8 Color Information

#74caf8 Color Conversion

Color Schemes with #74caf8

Alternatives to #74caf8

#74caf8 Preview

Shades and Tints of #74caf8

Tones of #74caf8

Color Blindness Simulator