#74afdf hex color

In a RGB color space, hex #74afdf is composed of 45.5% red, 68.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 21.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 206.9 degrees, a saturation of 62.6% and a lightness of 66.5%. #74afdf color hex could be obtained by blending #e8ffff with #005fbf. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 45
- G 69
- B 87
RGB color chart
- C 48
- M 22
- Y 0
- K 13
CMYK color chart

● #74afdf color description : Soft blue.

The hexadecimal color #74afdf has RGB values of R:116, G:175, B:223 and CMYK values of C:0.48, M:0.22, Y:0, K:0.13. Its decimal value is 7647199.

Hex triplet	74afdf	`#74afdf`
RGB Decimal	116, 175, 223	`rgb(116,175,223)`
RGB Percent	45.5, 68.6, 87.5	`rgb(45.5%,68.6%,87.5%)`
CMYK	48, 22, 0, 13
HSL	206.9°, 62.6, 66.5	`hsl(206.9,62.6%,66.5%)`
HSV (or HSB)	206.9°, 48, 87.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	69.254, -6.221, -30.095
XYZ	35.849, 39.699, 75.582
xyY	0.237, 0.263, 39.699
CIE-LCH	69.254, 30.731, 258.322
CIE-LUV	69.254, -27.665, -46.773
Hunter-Lab	63.007, -8.702, -27.018
Binary	01110100, 10101111, 11011111

#74afdf
```
#74afdf rgb(116,175,223)
```
#dfa474
```
#dfa474 rgb(223,164,116)
```

Complementary Color

#74dfda
```
#74dfda rgb(116,223,218)
```
#74afdf
```
#74afdf rgb(116,175,223)
```
#747adf
```
#747adf rgb(116,122,223)
```

Analogous Color

#dfda74
```
#dfda74 rgb(223,218,116)
```
#74afdf
```
#74afdf rgb(116,175,223)
```
#df747a
```
#df747a rgb(223,116,122)
```

Split Complementary Color

#afdf74
```
#afdf74 rgb(175,223,116)
```
#74afdf
```
#74afdf rgb(116,175,223)
```
#df74af
```
#df74af rgb(223,116,175)
```

Triadic Color

#74dfa4
```
#74dfa4 rgb(116,223,164)
```
#74afdf
```
#74afdf rgb(116,175,223)
```
#df74af
```
#df74af rgb(223,116,175)
```
#dfa474
```
#dfa474 rgb(223,164,116)
```

Tetradic Color

#368bd1
```
#368bd1 rgb(54,139,209)
```
#4b97d5
```
#4b97d5 rgb(75,151,213)
```
#5fa3da
```
#5fa3da rgb(95,163,218)
```
#74afdf
```
#74afdf rgb(116,175,223)
```
#89bbe4
```
#89bbe4 rgb(137,187,228)
```
#9dc7e9
```
#9dc7e9 rgb(157,199,233)
```
#b2d3ed
```
#b2d3ed rgb(178,211,237)
```

Monochromatic Color

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

#74cadf
```
#74cadf rgb(116,202,223)
```
#74c1df
```
#74c1df rgb(116,193,223)
```
#74b8df
```
#74b8df rgb(116,184,223)
```
#74afdf
```
#74afdf rgb(116,175,223)
```
#74a6df
```
#74a6df rgb(116,166,223)
```
#749ddf
```
#749ddf rgb(116,157,223)
```
#7494df
```
#7494df rgb(116,148,223)
```

Similar Colors

Text with hexadecimal color #74afdf

This text has a font color of #74afdf.

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

#74afdf background color

This paragraph has a background color of #74afdf.

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

#74afdf border color

This element has a border color of #74afdf.

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

CSS codes

.text {color:#74afdf;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#050d14
```
#050d14 rgb(5,13,20)
```
#081824
```
#081824 rgb(8,24,36)
```
#0c2234
```
#0c2234 rgb(12,34,52)
```
#102d44
```
#102d44 rgb(16,45,68)
```
#133754
```
#133754 rgb(19,55,84)
```
#174264
```
#174264 rgb(23,66,100)
```
#1b4c74
```
#1b4c74 rgb(27,76,116)
```
#1e5684
```
#1e5684 rgb(30,86,132)
```
#226194
```
#226194 rgb(34,97,148)
```
#266ba4
```
#266ba4 rgb(38,107,164)
```
#2976b4
```
#2976b4 rgb(41,118,180)
```
#2d80c4
```
#2d80c4 rgb(45,128,196)
```

Shade Color Variation

#348ad0
```
#348ad0 rgb(52,138,208)
```
#4493d4
```
#4493d4 rgb(68,147,212)
```
#549dd8
```
#549dd8 rgb(84,157,216)
```
#64a6db
```
#64a6db rgb(100,166,219)
```
#74afdf
```
#74afdf rgb(116,175,223)
```
#84b8e3
```
#84b8e3 rgb(132,184,227)
```
#94c1e6
```
#94c1e6 rgb(148,193,230)
```
#a4cbea
```
#a4cbea rgb(164,203,234)
```
#b4d4ee
```
#b4d4ee rgb(180,212,238)
```
#c4ddf1
```
#c4ddf1 rgb(196,221,241)
```
#d4e6f5
```
#d4e6f5 rgb(212,230,245)
```
#e4eff9
```
#e4eff9 rgb(228,239,249)
```
#f4f8fc
```
#f4f8fc rgb(244,248,252)
```

Tint Color Variation

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

#a9aaaa
```
#a9aaaa rgb(169,170,170)
```
#a2aab1
```
#a2aab1 rgb(162,170,177)
```
#9babb8
```
#9babb8 rgb(155,171,184)
```
#95acbe
```
#95acbe rgb(149,172,190)
```
#8eacc5
```
#8eacc5 rgb(142,172,197)
```
#88adcb
```
#88adcb rgb(136,173,203)
```
#81aed2
```
#81aed2 rgb(129,174,210)
```
#7baed8
```
#7baed8 rgb(123,174,216)
```
#74afdf
```
#74afdf rgb(116,175,223)
```
#6db0e6
```
#6db0e6 rgb(109,176,230)
```
#67b0ec
```
#67b0ec rgb(103,176,236)
```
#60b1f3
```
#60b1f3 rgb(96,177,243)
```
#5ab2f9
```
#5ab2f9 rgb(90,178,249)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#9aa5af Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0abdb Protanopia 1% of men
#9dabe3 Deuteranopia 1% of men
#70b8c5 Tritanopia 0.001% of the population

Trichromacy

#90acdc Protanomaly 1% of men, 0.01% of women
#8eace1 Deuteranomaly 6% of men, 0.4% of women
#71b4ce Tritanomaly 0.01% of the population

#74afdf hex color

#74afdf Color Information

#74afdf Color Conversion

Color Schemes with #74afdf

Alternatives to #74afdf

#74afdf Preview

Shades and Tints of #74afdf

Tones of #74afdf

Color Blindness Simulator