#74b2fd hex color

In a RGB color space, hex #74b2fd is composed of 45.5% red, 69.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 54.2% cyan, 29.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 212.8 degrees, a saturation of 97.2% and a lightness of 72.4%. #74b2fd color hex could be obtained by blending #e8ffff with #0065fb. Closest websafe color is: #6699ff.

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

● #74b2fd color description : Soft blue.

The hexadecimal color #74b2fd has RGB values of R:116, G:178, B:253 and CMYK values of C:0.54, M:0.3, Y:0, K:0.01. Its decimal value is 7647997.

Hex triplet	74b2fd	`#74b2fd`
RGB Decimal	116, 178, 253	`rgb(116,178,253)`
RGB Percent	45.5, 69.8, 99.2	`rgb(45.5%,69.8%,99.2%)`
CMYK	54, 30, 0, 1
HSL	212.8°, 97.2, 72.4	`hsl(212.8,97.2%,72.4%)`
HSV (or HSB)	212.8°, 54.2, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	71.312, 0.979, -43.219
XYZ	40.848, 42.643, 99.002
xyY	0.224, 0.234, 42.643
CIE-LCH	71.312, 43.23, 271.298
CIE-LUV	71.312, -28.447, -70.191
Hunter-Lab	65.302, -2.621, -44.176
Binary	01110100, 10110010, 11111101

#74b2fd
```
#74b2fd rgb(116,178,253)
```
#fdbf74
```
#fdbf74 rgb(253,191,116)
```

Complementary Color

#74f7fd
```
#74f7fd rgb(116,247,253)
```
#74b2fd
```
#74b2fd rgb(116,178,253)
```
#7b74fd
```
#7b74fd rgb(123,116,253)
```

Analogous Color

#f7fd74
```
#f7fd74 rgb(247,253,116)
```
#74b2fd
```
#74b2fd rgb(116,178,253)
```
#fd7b74
```
#fd7b74 rgb(253,123,116)
```

Split Complementary Color

#b2fd74
```
#b2fd74 rgb(178,253,116)
```
#74b2fd
```
#74b2fd rgb(116,178,253)
```
#fd74b2
```
#fd74b2 rgb(253,116,178)
```

Triadic Color

#74fdbf
```
#74fdbf rgb(116,253,191)
```
#74b2fd
```
#74b2fd rgb(116,178,253)
```
#fd74b2
```
#fd74b2 rgb(253,116,178)
```
#fdbf74
```
#fdbf74 rgb(253,191,116)
```

Tetradic Color

#2988fc
```
#2988fc rgb(41,136,252)
```
#4296fc
```
#4296fc rgb(66,150,252)
```
#5ba4fd
```
#5ba4fd rgb(91,164,253)
```
#74b2fd
```
#74b2fd rgb(116,178,253)
```
#8dc0fd
```
#8dc0fd rgb(141,192,253)
```
#a6cefe
```
#a6cefe rgb(166,206,254)
```
#bfdcfe
```
#bfdcfe rgb(191,220,254)
```

Monochromatic Color

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

#74d4fd
```
#74d4fd rgb(116,212,253)
```
#74c9fd
```
#74c9fd rgb(116,201,253)
```
#74bdfd
```
#74bdfd rgb(116,189,253)
```
#74b2fd
```
#74b2fd rgb(116,178,253)
```
#74a7fd
```
#74a7fd rgb(116,167,253)
```
#749bfd
```
#749bfd rgb(116,155,253)
```
#7490fd
```
#7490fd rgb(116,144,253)
```

Similar Colors

Text with hexadecimal color #74b2fd

This text has a font color of #74b2fd.

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

#74b2fd background color

This paragraph has a background color of #74b2fd.

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

#74b2fd border color

This element has a border color of #74b2fd.

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

CSS codes

.text {color:#74b2fd;}

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

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

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

#000710
```
#000710 rgb(0,7,16)
```
#011023
```
#011023 rgb(1,16,35)
```
#011936
```
#011936 rgb(1,25,54)
```
#01224a
```
#01224a rgb(1,34,74)
```
#012b5d
```
#012b5d rgb(1,43,93)
```
#023470
```
#023470 rgb(2,52,112)
```
#023d84
```
#023d84 rgb(2,61,132)
```
#024697
```
#024697 rgb(2,70,151)
```
#024eaa
```
#024eaa rgb(2,78,170)
```
#0357be
```
#0357be rgb(3,87,190)
```
#0360d1
```
#0360d1 rgb(3,96,209)
```
#0369e4
```
#0369e4 rgb(3,105,228)
```
#0472f8
```
#0472f8 rgb(4,114,248)
```

Shade Color Variation

#137cfc
```
#137cfc rgb(19,124,252)
```
#2787fc
```
#2787fc rgb(39,135,252)
```
#3a92fc
```
#3a92fc rgb(58,146,252)
```
#4d9dfc
```
#4d9dfc rgb(77,157,252)
```
#61a7fd
```
#61a7fd rgb(97,167,253)
```
#74b2fd
```
#74b2fd rgb(116,178,253)
```
#87bdfd
```
#87bdfd rgb(135,189,253)
```
#9bc7fe
```
#9bc7fe rgb(155,199,254)
```
#aed2fe
```
#aed2fe rgb(174,210,254)
```
#c1ddfe
```
#c1ddfe rgb(193,221,254)
```
#d5e8fe
```
#d5e8fe rgb(213,232,254)
```
#e8f2ff
```
#e8f2ff rgb(232,242,255)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#b5b8bc
```
#b5b8bc rgb(181,184,188)
```
#b0b8c1
```
#b0b8c1 rgb(176,184,193)
```
#aab7c7
```
#aab7c7 rgb(170,183,199)
```
#a5b7cc
```
#a5b7cc rgb(165,183,204)
```
#9fb6d2
```
#9fb6d2 rgb(159,182,210)
```
#9ab6d7
```
#9ab6d7 rgb(154,182,215)
```
#95b5dc
```
#95b5dc rgb(149,181,220)
```
#8fb5e2
```
#8fb5e2 rgb(143,181,226)
```
#8ab4e7
```
#8ab4e7 rgb(138,180,231)
```
#84b4ed
```
#84b4ed rgb(132,180,237)
```
#7fb3f2
```
#7fb3f2 rgb(127,179,242)
```
#79b3f8
```
#79b3f8 rgb(121,179,248)
```
#74b2fd
```
#74b2fd rgb(116,178,253)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#9eaab9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99b0f9 Protanopia 1% of men
#8fb1fe Deuteranopia 1% of men
#64bfcd Tritanopia 0.001% of the population

Trichromacy

#8cb0fa Protanomaly 1% of men, 0.01% of women
#85b1fe Deuteranomaly 6% of men, 0.4% of women
#6abade Tritanomaly 0.01% of the population

#74b2fd hex color

#74b2fd Color Information

#74b2fd Color Conversion

Color Schemes with #74b2fd

Alternatives to #74b2fd

#74b2fd Preview

Shades and Tints of #74b2fd

Tones of #74b2fd

Color Blindness Simulator