#74b0fc hex color

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

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

● #74b0fc color description : Soft blue.

The hexadecimal color #74b0fc has RGB values of R:116, G:176, B:252 and CMYK values of C:0.54, M:0.3, Y:0, K:0.01. Its decimal value is 7647484.

Hex triplet	74b0fc	`#74b0fc`
RGB Decimal	116, 176, 252	`rgb(116,176,252)`
RGB Percent	45.5, 69, 98.8	`rgb(45.5%,69%,98.8%)`
CMYK	54, 30, 0, 1
HSL	213.5°, 95.8, 72.2	`hsl(213.5,95.8%,72.2%)`
HSV (or HSB)	213.5°, 54, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.726, 1.794, -43.596
XYZ	40.294, 41.79, 98.033
xyY	0.224, 0.232, 41.79
CIE-LCH	70.726, 43.633, 272.356
CIE-LUV	70.726, -27.732, -70.854
Hunter-Lab	64.645, -1.866, -44.661
Binary	01110100, 10110000, 11111100

#74b0fc
```
#74b0fc rgb(116,176,252)
```
#fcc074
```
#fcc074 rgb(252,192,116)
```

Complementary Color

#74f4fc
```
#74f4fc rgb(116,244,252)
```
#74b0fc
```
#74b0fc rgb(116,176,252)
```
#7c74fc
```
#7c74fc rgb(124,116,252)
```

Analogous Color

#f4fc74
```
#f4fc74 rgb(244,252,116)
```
#74b0fc
```
#74b0fc rgb(116,176,252)
```
#fc7c74
```
#fc7c74 rgb(252,124,116)
```

Split Complementary Color

#b0fc74
```
#b0fc74 rgb(176,252,116)
```
#74b0fc
```
#74b0fc rgb(116,176,252)
```
#fc74b0
```
#fc74b0 rgb(252,116,176)
```

Triadic Color

#74fcc0
```
#74fcc0 rgb(116,252,192)
```
#74b0fc
```
#74b0fc rgb(116,176,252)
```
#fc74b0
```
#fc74b0 rgb(252,116,176)
```
#fcc074
```
#fcc074 rgb(252,192,116)
```

Tetradic Color

#2985fa
```
#2985fa rgb(41,133,250)
```
#4294fb
```
#4294fb rgb(66,148,251)
```
#5ba2fb
```
#5ba2fb rgb(91,162,251)
```
#74b0fc
```
#74b0fc rgb(116,176,252)
```
#8dbefd
```
#8dbefd rgb(141,190,253)
```
#a6ccfd
```
#a6ccfd rgb(166,204,253)
```
#bfdbfe
```
#bfdbfe rgb(191,219,254)
```

Monochromatic Color

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

#74d2fc
```
#74d2fc rgb(116,210,252)
```
#74c7fc
```
#74c7fc rgb(116,199,252)
```
#74bbfc
```
#74bbfc rgb(116,187,252)
```
#74b0fc
```
#74b0fc rgb(116,176,252)
```
#74a5fc
```
#74a5fc rgb(116,165,252)
```
#7499fc
```
#7499fc rgb(116,153,252)
```
#748efc
```
#748efc rgb(116,142,252)
```

Similar Colors

Text with hexadecimal color #74b0fc

This text has a font color of #74b0fc.

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

#74b0fc background color

This paragraph has a background color of #74b0fc.

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

#74b0fc border color

This element has a border color of #74b0fc.

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

CSS codes

.text {color:#74b0fc;}

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

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

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)
```
#022148
```
#022148 rgb(2,33,72)
```
#02295b
```
#02295b rgb(2,41,91)
```
#02326f
```
#02326f rgb(2,50,111)
```
#033b82
```
#033b82 rgb(3,59,130)
```
#034495
```
#034495 rgb(3,68,149)
```
#044ca8
```
#044ca8 rgb(4,76,168)
```
#0455bb
```
#0455bb rgb(4,85,187)
```
#045ecf
```
#045ecf rgb(4,94,207)
```
#0566e2
```
#0566e2 rgb(5,102,226)
```
#056ff5
```
#056ff5 rgb(5,111,245)
```

Shade Color Variation

#1479fa
```
#1479fa rgb(20,121,250)
```
#2784fa
```
#2784fa rgb(39,132,250)
```
#3a8ffb
```
#3a8ffb rgb(58,143,251)
```
#4e9afb
```
#4e9afb rgb(78,154,251)
```
#61a5fc
```
#61a5fc rgb(97,165,252)
```
#74b0fc
```
#74b0fc rgb(116,176,252)
```
#87bbfc
```
#87bbfc rgb(135,187,252)
```
#9ac6fd
```
#9ac6fd rgb(154,198,253)
```
#aed1fd
```
#aed1fd rgb(174,209,253)
```
#c1dcfe
```
#c1dcfe rgb(193,220,254)
```
#d4e7fe
```
#d4e7fe rgb(212,231,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 #74b0fc 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)
```
#95b4db
```
#95b4db rgb(149,180,219)
```
#8fb3e1
```
#8fb3e1 rgb(143,179,225)
```
#8ab3e6
```
#8ab3e6 rgb(138,179,230)
```
#84b2ec
```
#84b2ec rgb(132,178,236)
```
#7fb1f1
```
#7fb1f1 rgb(127,177,241)
```
#79b1f7
```
#79b1f7 rgb(121,177,247)
```
#74b0fc
```
#74b0fc rgb(116,176,252)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#9da9b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97aef8 Protanopia 1% of men
#8cb0fd Deuteranopia 1% of men
#64becb Tritanopia 0.001% of the population

Trichromacy

#8aaff9 Protanomaly 1% of men, 0.01% of women
#83b0fd Deuteranomaly 6% of men, 0.4% of women
#69b8dd Tritanomaly 0.01% of the population

#74b0fc hex color

#74b0fc Color Information

#74b0fc Color Conversion

Color Schemes with #74b0fc

Alternatives to #74b0fc

#74b0fc Preview

Shades and Tints of #74b0fc

Tones of #74b0fc

Color Blindness Simulator