#74affa hex color

In a RGB color space, hex #74affa is composed of 45.5% red, 68.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 30% magenta, 0% yellow and 2% black. It has a hue angle of 213.6 degrees, a saturation of 93.1% and a lightness of 71.8%. #74affa color hex could be obtained by blending #e8ffff with #005ff5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 45
- G 69
- B 98
RGB color chart
- C 54
- M 30
- Y 0
- K 2
CMYK color chart

● #74affa color description : Soft blue.

The hexadecimal color #74affa has RGB values of R:116, G:175, B:250 and CMYK values of C:0.54, M:0.3, Y:0, K:0.02. Its decimal value is 7647226.

Hex triplet	74affa	`#74affa`
RGB Decimal	116, 175, 250	`rgb(116,175,250)`
RGB Percent	45.5, 68.6, 98	`rgb(45.5%,68.6%,98%)`
CMYK	54, 30, 0, 2
HSL	213.6°, 93.1, 71.8	`hsl(213.6,93.1%,71.8%)`
HSV (or HSB)	213.6°, 53.6, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.367, 1.748, -43.075
XYZ	39.784, 41.273, 96.307
xyY	0.224, 0.233, 41.273
CIE-LCH	70.367, 43.11, 272.324
CIE-LUV	70.367, -27.388, -69.908
Hunter-Lab	64.244, -1.889, -43.91
Binary	01110100, 10101111, 11111010

#74affa
```
#74affa rgb(116,175,250)
```
#fabf74
```
#fabf74 rgb(250,191,116)
```

Complementary Color

#74f2fa
```
#74f2fa rgb(116,242,250)
```
#74affa
```
#74affa rgb(116,175,250)
```
#7c74fa
```
#7c74fa rgb(124,116,250)
```

Analogous Color

#f2fa74
```
#f2fa74 rgb(242,250,116)
```
#74affa
```
#74affa rgb(116,175,250)
```
#fa7c74
```
#fa7c74 rgb(250,124,116)
```

Split Complementary Color

#affa74
```
#affa74 rgb(175,250,116)
```
#74affa
```
#74affa rgb(116,175,250)
```
#fa74af
```
#fa74af rgb(250,116,175)
```

Triadic Color

#74fabf
```
#74fabf rgb(116,250,191)
```
#74affa
```
#74affa rgb(116,175,250)
```
#fa74af
```
#fa74af rgb(250,116,175)
```
#fabf74
```
#fabf74 rgb(250,191,116)
```

Tetradic Color

#2a85f7
```
#2a85f7 rgb(42,133,247)
```
#4393f8
```
#4393f8 rgb(67,147,248)
```
#5ba1f9
```
#5ba1f9 rgb(91,161,249)
```
#74affa
```
#74affa rgb(116,175,250)
```
#8dbdfb
```
#8dbdfb rgb(141,189,251)
```
#a5cbfc
```
#a5cbfc rgb(165,203,252)
```
#bedafd
```
#bedafd rgb(190,218,253)
```

Monochromatic Color

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

#74d1fa
```
#74d1fa rgb(116,209,250)
```
#74c5fa
```
#74c5fa rgb(116,197,250)
```
#74bafa
```
#74bafa rgb(116,186,250)
```
#74affa
```
#74affa rgb(116,175,250)
```
#74a4fa
```
#74a4fa rgb(116,164,250)
```
#7499fa
```
#7499fa rgb(116,153,250)
```
#748efa
```
#748efa rgb(116,142,250)
```

Similar Colors

Text with hexadecimal color #74affa

This text has a font color of #74affa.

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

#74affa background color

This paragraph has a background color of #74affa.

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

#74affa border color

This element has a border color of #74affa.

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

CSS codes

.text {color:#74affa;}

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

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

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, #00060c is the darkest color, while #f9fbff is the lightest one.

#00060c
```
#00060c rgb(0,6,12)
```
#010e1f
```
#010e1f rgb(1,14,31)
```
#021732
```
#021732 rgb(2,23,50)
```
#022045
```
#022045 rgb(2,32,69)
```
#032958
```
#032958 rgb(3,41,88)
```
#04316b
```
#04316b rgb(4,49,107)
```
#053a7e
```
#053a7e rgb(5,58,126)
```
#054391
```
#054391 rgb(5,67,145)
```
#064ba4
```
#064ba4 rgb(6,75,164)
```
#0754b7
```
#0754b7 rgb(7,84,183)
```
#075dca
```
#075dca rgb(7,93,202)
```
#0866dd
```
#0866dd rgb(8,102,221)
```
#096ef0
```
#096ef0 rgb(9,110,240)
```

Shade Color Variation

#1579f7
```
#1579f7 rgb(21,121,247)
```
#2883f7
```
#2883f7 rgb(40,131,247)
```
#3b8ef8
```
#3b8ef8 rgb(59,142,248)
```
#4e99f9
```
#4e99f9 rgb(78,153,249)
```
#61a4f9
```
#61a4f9 rgb(97,164,249)
```
#74affa
```
#74affa rgb(116,175,250)
```
#87bafb
```
#87bafb rgb(135,186,251)
```
#9ac5fb
```
#9ac5fb rgb(154,197,251)
```
#add0fc
```
#add0fc rgb(173,208,252)
```
#c0dbfd
```
#c0dbfd rgb(192,219,253)
```
#d3e5fd
```
#d3e5fd rgb(211,229,253)
```
#e6f0fe
```
#e6f0fe rgb(230,240,254)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#b6b7b8
```
#b6b7b8 rgb(182,183,184)
```
#b1b6bd
```
#b1b6bd rgb(177,182,189)
```
#abb6c3
```
#abb6c3 rgb(171,182,195)
```
#a6b5c8
```
#a6b5c8 rgb(166,181,200)
```
#a0b4ce
```
#a0b4ce rgb(160,180,206)
```
#9bb4d3
```
#9bb4d3 rgb(155,180,211)
```
#95b3d9
```
#95b3d9 rgb(149,179,217)
```
#90b2de
```
#90b2de rgb(144,178,222)
```
#8ab2e4
```
#8ab2e4 rgb(138,178,228)
```
#85b1e9
```
#85b1e9 rgb(133,177,233)
```
#7fb0ef
```
#7fb0ef rgb(127,176,239)
```
#7ab0f4
```
#7ab0f4 rgb(122,176,244)
```
#74affa
```
#74affa rgb(116,175,250)
```

Tone Color Variation

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

#97adf6 Protanopia 1% of men
#8caffb Deuteranopia 1% of men
#64bcca Tritanopia 0.001% of the population

Trichromacy

#8aaef7 Protanomaly 1% of men, 0.01% of women
#83affb Deuteranomaly 6% of men, 0.4% of women
#6ab7db Tritanomaly 0.01% of the population

#74affa hex color

#74affa Color Information

#74affa Color Conversion

Color Schemes with #74affa

Alternatives to #74affa

#74affa Preview

Shades and Tints of #74affa

Tones of #74affa

Color Blindness Simulator