#74abdd hex color

In a RGB color space, hex #74abdd is composed of 45.5% red, 67.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 47.5% cyan, 22.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 208.6 degrees, a saturation of 60.7% and a lightness of 66.1%. #74abdd color hex could be obtained by blending #e8ffff with #0057bb. Closest websafe color is: #6699cc.

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

● #74abdd color description : Soft blue.

The hexadecimal color #74abdd has RGB values of R:116, G:171, B:221 and CMYK values of C:0.48, M:0.23, Y:0, K:0.13. Its decimal value is 7646173.

Hex triplet	74abdd	`#74abdd`
RGB Decimal	116, 171, 221	`rgb(116,171,221)`
RGB Percent	45.5, 67.1, 86.7	`rgb(45.5%,67.1%,86.7%)`
CMYK	48, 23, 0, 13
HSL	208.6°, 60.7, 66.1	`hsl(208.6,60.7%,66.1%)`
HSV (or HSB)	208.6°, 47.5, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.063, -4.596, -30.837
XYZ	34.813, 38.058, 73.914
xyY	0.237, 0.259, 38.058
CIE-LCH	68.063, 31.177, 261.523
CIE-LUV	68.063, -26.138, -48.114
Hunter-Lab	61.691, -7.227, -27.854
Binary	01110100, 10101011, 11011101

#74abdd
```
#74abdd rgb(116,171,221)
```
#dda674
```
#dda674 rgb(221,166,116)
```

Complementary Color

#74dddb
```
#74dddb rgb(116,221,219)
```
#74abdd
```
#74abdd rgb(116,171,221)
```
#7477dd
```
#7477dd rgb(116,119,221)
```

Analogous Color

#dddb74
```
#dddb74 rgb(221,219,116)
```
#74abdd
```
#74abdd rgb(116,171,221)
```
#dd7477
```
#dd7477 rgb(221,116,119)
```

Split Complementary Color

#abdd74
```
#abdd74 rgb(171,221,116)
```
#74abdd
```
#74abdd rgb(116,171,221)
```
#dd74ab
```
#dd74ab rgb(221,116,171)
```

Triadic Color

#74dda6
```
#74dda6 rgb(116,221,166)
```
#74abdd
```
#74abdd rgb(116,171,221)
```
#dd74ab
```
#dd74ab rgb(221,116,171)
```
#dda674
```
#dda674 rgb(221,166,116)
```

Tetradic Color

#3786ce
```
#3786ce rgb(55,134,206)
```
#4b92d3
```
#4b92d3 rgb(75,146,211)
```
#609fd8
```
#609fd8 rgb(96,159,216)
```
#74abdd
```
#74abdd rgb(116,171,221)
```
#88b7e2
```
#88b7e2 rgb(136,183,226)
```
#9dc4e7
```
#9dc4e7 rgb(157,196,231)
```
#b1d0ec
```
#b1d0ec rgb(177,208,236)
```

Monochromatic Color

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

#74c5dd
```
#74c5dd rgb(116,197,221)
```
#74bddd
```
#74bddd rgb(116,189,221)
```
#74b4dd
```
#74b4dd rgb(116,180,221)
```
#74abdd
```
#74abdd rgb(116,171,221)
```
#74a2dd
```
#74a2dd rgb(116,162,221)
```
#749add
```
#749add rgb(116,154,221)
```
#7491dd
```
#7491dd rgb(116,145,221)
```

Similar Colors

Text with hexadecimal color #74abdd

This text has a font color of #74abdd.

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

#74abdd background color

This paragraph has a background color of #74abdd.

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

#74abdd border color

This element has a border color of #74abdd.

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

CSS codes

.text {color:#74abdd;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050c13
```
#050c13 rgb(5,12,19)
```
#081622
```
#081622 rgb(8,22,34)
```
#0c2032
```
#0c2032 rgb(12,32,50)
```
#102a42
```
#102a42 rgb(16,42,66)
```
#143452
```
#143452 rgb(20,52,82)
```
#183e61
```
#183e61 rgb(24,62,97)
```
#1c4871
```
#1c4871 rgb(28,72,113)
```
#205381
```
#205381 rgb(32,83,129)
```
#235d91
```
#235d91 rgb(35,93,145)
```
#2767a0
```
#2767a0 rgb(39,103,160)
```
#2b71b0
```
#2b71b0 rgb(43,113,176)
```
#2f7bc0
```
#2f7bc0 rgb(47,123,192)
```

Shade Color Variation

#3585ce
```
#3585ce rgb(53,133,206)
```
#458ed1
```
#458ed1 rgb(69,142,209)
```
#5498d5
```
#5498d5 rgb(84,152,213)
```
#64a1d9
```
#64a1d9 rgb(100,161,217)
```
#74abdd
```
#74abdd rgb(116,171,221)
```
#84b5e1
```
#84b5e1 rgb(132,181,225)
```
#94bee5
```
#94bee5 rgb(148,190,229)
```
#a3c8e9
```
#a3c8e9 rgb(163,200,233)
```
#b3d1ec
```
#b3d1ec rgb(179,209,236)
```
#c3dbf0
```
#c3dbf0 rgb(195,219,240)
```
#d3e4f4
```
#d3e4f4 rgb(211,228,244)
```
#e2eef8
```
#e2eef8 rgb(226,238,248)
```
#f2f7fc
```
#f2f7fc rgb(242,247,252)
```

Tint Color Variation

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

#a3a9ae
```
#a3a9ae rgb(163,169,174)
```
#9ca9b5
```
#9ca9b5 rgb(156,169,181)
```
#95a9bc
```
#95a9bc rgb(149,169,188)
```
#8faac2
```
#8faac2 rgb(143,170,194)
```
#88aac9
```
#88aac9 rgb(136,170,201)
```
#81aad0
```
#81aad0 rgb(129,170,208)
```
#7babd6
```
#7babd6 rgb(123,171,214)
```
#74abdd
```
#74abdd rgb(116,171,221)
```
#6dabe4
```
#6dabe4 rgb(109,171,228)
```
#67acea
```
#67acea rgb(103,172,234)
```
#60acf1
```
#60acf1 rgb(96,172,241)
```
#59acf8
```
#59acf8 rgb(89,172,248)
```
#53adfe
```
#53adfe rgb(83,173,254)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#97a2ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca8da Protanopia 1% of men
#99a8e1 Deuteranopia 1% of men
#6fb4c2 Tritanopia 0.001% of the population

Trichromacy

#8da9db Protanomaly 1% of men, 0.01% of women
#8ba9df Deuteranomaly 6% of men, 0.4% of women
#71b1cb Tritanomaly 0.01% of the population

#74abdd hex color

#74abdd Color Information

#74abdd Color Conversion

Color Schemes with #74abdd

Alternatives to #74abdd

#74abdd Preview

Shades and Tints of #74abdd

Tones of #74abdd

Color Blindness Simulator