#74affc hex color

In a RGB color space, hex #74affc is composed of 45.5% red, 68.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 54% cyan, 30.6% magenta, 0% yellow and 1.2% black. It has a hue angle of 214 degrees, a saturation of 95.8% and a lightness of 72.2%. #74affc color hex could be obtained by blending #e8ffff with #005ff9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 45
- G 69
- B 99
RGB color chart
- C 54
- M 31
- Y 0
- K 1
CMYK color chart

● #74affc color description : Soft blue.

The hexadecimal color #74affc has RGB values of R:116, G:175, B:252 and CMYK values of C:0.54, M:0.31, Y:0, K:0.01. Its decimal value is 7647228.

Hex triplet	74affc	`#74affc`
RGB Decimal	116, 175, 252	`rgb(116,175,252)`
RGB Percent	45.5, 68.6, 98.8	`rgb(45.5%,68.6%,98.8%)`
CMYK	54, 31, 0, 1
HSL	214°, 95.8, 72.2	`hsl(214,95.8%,72.2%)`
HSV (or HSB)	214°, 54, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.455, 2.355, -44.021
XYZ	40.099, 41.399, 97.968
xyY	0.223, 0.231, 41.399
CIE-LCH	70.455, 44.084, 273.062
CIE-LUV	70.455, -27.37, -71.609
Hunter-Lab	64.342, -1.354, -45.236
Binary	01110100, 10101111, 11111100

#74affc
```
#74affc rgb(116,175,252)
```
#fcc174
```
#fcc174 rgb(252,193,116)
```

Complementary Color

#74f3fc
```
#74f3fc rgb(116,243,252)
```
#74affc
```
#74affc rgb(116,175,252)
```
#7d74fc
```
#7d74fc rgb(125,116,252)
```

Analogous Color

#f3fc74
```
#f3fc74 rgb(243,252,116)
```
#74affc
```
#74affc rgb(116,175,252)
```
#fc7d74
```
#fc7d74 rgb(252,125,116)
```

Split Complementary Color

#affc74
```
#affc74 rgb(175,252,116)
```
#74affc
```
#74affc rgb(116,175,252)
```
#fc74af
```
#fc74af rgb(252,116,175)
```

Triadic Color

#74fcc1
```
#74fcc1 rgb(116,252,193)
```
#74affc
```
#74affc rgb(116,175,252)
```
#fc74af
```
#fc74af rgb(252,116,175)
```
#fcc174
```
#fcc174 rgb(252,193,116)
```

Tetradic Color

#2984fa
```
#2984fa rgb(41,132,250)
```
#4292fb
```
#4292fb rgb(66,146,251)
```
#5ba1fb
```
#5ba1fb rgb(91,161,251)
```
#74affc
```
#74affc rgb(116,175,252)
```
#8dbdfd
```
#8dbdfd rgb(141,189,253)
```
#a6ccfd
```
#a6ccfd rgb(166,204,253)
```
#bfdafe
```
#bfdafe rgb(191,218,254)
```

Monochromatic Color

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

#74d1fc
```
#74d1fc rgb(116,209,252)
```
#74c6fc
```
#74c6fc rgb(116,198,252)
```
#74bafc
```
#74bafc rgb(116,186,252)
```
#74affc
```
#74affc rgb(116,175,252)
```
#74a4fc
```
#74a4fc rgb(116,164,252)
```
#7498fc
```
#7498fc rgb(116,152,252)
```
#748dfc
```
#748dfc rgb(116,141,252)
```

Similar Colors

Text with hexadecimal color #74affc

This text has a font color of #74affc.

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

#74affc background color

This paragraph has a background color of #74affc.

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

#74affc border color

This element has a border color of #74affc.

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

CSS codes

.text {color:#74affc;}

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

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

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, #00070f is the darkest color, while #fafcff is the lightest one.

#00070f
```
#00070f rgb(0,7,15)
```
#010f22
```
#010f22 rgb(1,15,34)
```
#011835
```
#011835 rgb(1,24,53)
```
#022048
```
#022048 rgb(2,32,72)
```
#02295b
```
#02295b rgb(2,41,91)
```
#02316f
```
#02316f rgb(2,49,111)
```
#033a82
```
#033a82 rgb(3,58,130)
```
#034295
```
#034295 rgb(3,66,149)
```
#044ba8
```
#044ba8 rgb(4,75,168)
```
#0454bb
```
#0454bb rgb(4,84,187)
```
#045ccf
```
#045ccf rgb(4,92,207)
```
#0565e2
```
#0565e2 rgb(5,101,226)
```
#056df5
```
#056df5 rgb(5,109,245)
```

Shade Color Variation

#1478fa
```
#1478fa rgb(20,120,250)
```
#2783fa
```
#2783fa rgb(39,131,250)
```
#3a8efb
```
#3a8efb rgb(58,142,251)
```
#4e99fb
```
#4e99fb rgb(78,153,251)
```
#61a4fc
```
#61a4fc rgb(97,164,252)
```
#74affc
```
#74affc rgb(116,175,252)
```
#87bafc
```
#87bafc rgb(135,186,252)
```
#9ac5fd
```
#9ac5fd rgb(154,197,253)
```
#aed0fd
```
#aed0fd rgb(174,208,253)
```
#c1dbfe
```
#c1dbfe rgb(193,219,254)
```
#d4e6fe
```
#d4e6fe rgb(212,230,254)
```
#e7f1fe
```
#e7f1fe rgb(231,241,254)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

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

#b6b8ba
```
#b6b8ba rgb(182,184,186)
```
#b0b7c0
```
#b0b7c0 rgb(176,183,192)
```
#abb6c5
```
#abb6c5 rgb(171,182,197)
```
#a5b6cb
```
#a5b6cb rgb(165,182,203)
```
#a0b5d0
```
#a0b5d0 rgb(160,181,208)
```
#9ab4d6
```
#9ab4d6 rgb(154,180,214)
```
#95b3db
```
#95b3db rgb(149,179,219)
```
#8fb3e1
```
#8fb3e1 rgb(143,179,225)
```
#8ab2e6
```
#8ab2e6 rgb(138,178,230)
```
#84b1ec
```
#84b1ec rgb(132,177,236)
```
#7fb0f1
```
#7fb0f1 rgb(127,176,241)
```
#79b0f7
```
#79b0f7 rgb(121,176,247)
```
#74affc
```
#74affc rgb(116,175,252)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#9ca8b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96aef8 Protanopia 1% of men
#8baffd Deuteranopia 1% of men
#63bdcb Tritanopia 0.001% of the population

Trichromacy

#89aef9 Protanomaly 1% of men, 0.01% of women
#82affc Deuteranomaly 6% of men, 0.4% of women
#69b8dc Tritanomaly 0.01% of the population

#74affc hex color

#74affc Color Information

#74affc Color Conversion

Color Schemes with #74affc

Alternatives to #74affc

#74affc Preview

Shades and Tints of #74affc

Tones of #74affc

Color Blindness Simulator