#74a1b2 hex color

In a RGB color space, hex #74a1b2 is composed of 45.5% red, 63.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 34.8% cyan, 9.6% magenta, 0% yellow and 30.2% black. It has a hue angle of 196.5 degrees, a saturation of 28.7% and a lightness of 57.6%. #74a1b2 color hex could be obtained by blending #e8ffff with #004365. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 45
- G 63
- B 70
RGB color chart
- C 35
- M 10
- Y 0
- K 30
CMYK color chart

● #74a1b2 color description : Mostly desaturated dark blue.

The hexadecimal color #74a1b2 has RGB values of R:116, G:161, B:178 and CMYK values of C:0.35, M:0.1, Y:0, K:0.3. Its decimal value is 7643570.

Hex triplet	74a1b2	`#74a1b2`
RGB Decimal	116, 161, 178	`rgb(116,161,178)`
RGB Percent	45.5, 63.1, 69.8	`rgb(45.5%,63.1%,69.8%)`
CMYK	35, 10, 0, 30
HSL	196.5°, 28.7, 57.6	`hsl(196.5,28.7%,57.6%)`
HSV (or HSB)	196.5°, 34.8, 69.8
Web Safe	669999	`#669999`

CIE-LAB	63.685, -10.852, -13.654
XYZ	27.981, 32.416, 46.9
xyY	0.261, 0.302, 32.416
CIE-LCH	63.685, 17.442, 231.523
CIE-LUV	63.685, -22.304, -18.935
Hunter-Lab	56.935, -11.911, -8.985
Binary	01110100, 10100001, 10110010

#74a1b2
```
#74a1b2 rgb(116,161,178)
```
#b28574
```
#b28574 rgb(178,133,116)
```

Complementary Color

#74b2a4
```
#74b2a4 rgb(116,178,164)
```
#74a1b2
```
#74a1b2 rgb(116,161,178)
```
#7482b2
```
#7482b2 rgb(116,130,178)
```

Analogous Color

#b2a474
```
#b2a474 rgb(178,164,116)
```
#74a1b2
```
#74a1b2 rgb(116,161,178)
```
#b27482
```
#b27482 rgb(178,116,130)
```

Split Complementary Color

#a1b274
```
#a1b274 rgb(161,178,116)
```
#74a1b2
```
#74a1b2 rgb(116,161,178)
```
#b274a1
```
#b274a1 rgb(178,116,161)
```

Triadic Color

#74b285
```
#74b285 rgb(116,178,133)
```
#74a1b2
```
#74a1b2 rgb(116,161,178)
```
#b274a1
```
#b274a1 rgb(178,116,161)
```
#b28574
```
#b28574 rgb(178,133,116)
```

Tetradic Color

#4e7b8c
```
#4e7b8c rgb(78,123,140)
```
#57899c
```
#57899c rgb(87,137,156)
```
#6496a9
```
#6496a9 rgb(100,150,169)
```
#74a1b2
```
#74a1b2 rgb(116,161,178)
```
#84acbb
```
#84acbb rgb(132,172,187)
```
#95b7c4
```
#95b7c4 rgb(149,183,196)
```
#a5c2cd
```
#a5c2cd rgb(165,194,205)
```

Monochromatic Color

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

#74b1b2
```
#74b1b2 rgb(116,177,178)
```
#74abb2
```
#74abb2 rgb(116,171,178)
```
#74a6b2
```
#74a6b2 rgb(116,166,178)
```
#74a1b2
```
#74a1b2 rgb(116,161,178)
```
#749cb2
```
#749cb2 rgb(116,156,178)
```
#7497b2
```
#7497b2 rgb(116,151,178)
```
#7492b2
```
#7492b2 rgb(116,146,178)
```

Similar Colors

Text with hexadecimal color #74a1b2

This text has a font color of #74a1b2.

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

#74a1b2 background color

This paragraph has a background color of #74a1b2.

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

#74a1b2 border color

This element has a border color of #74a1b2.

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

CSS codes

.text {color:#74a1b2;}

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

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

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, #070b0c is the darkest color, while #ffffff is the lightest one.

#070b0c
```
#070b0c rgb(7,11,12)
```
#0e1619
```
#0e1619 rgb(14,22,25)
```
#152126
```
#152126 rgb(21,33,38)
```
#1c2c32
```
#1c2c32 rgb(28,44,50)
```
#23373f
```
#23373f rgb(35,55,63)
```
#2a424c
```
#2a424c rgb(42,66,76)
```
#314d58
```
#314d58 rgb(49,77,88)
```
#385965
```
#385965 rgb(56,89,101)
```
#3f6471
```
#3f6471 rgb(63,100,113)
```
#466f7e
```
#466f7e rgb(70,111,126)
```
#4d7a8b
```
#4d7a8b rgb(77,122,139)
```
#548597
```
#548597 rgb(84,133,151)
```
#5b90a4
```
#5b90a4 rgb(91,144,164)
```

Shade Color Variation

#6798ab
```
#6798ab rgb(103,152,171)
```
#74a1b2
```
#74a1b2 rgb(116,161,178)
```
#81aab9
```
#81aab9 rgb(129,170,185)
```
#8db2c0
```
#8db2c0 rgb(141,178,192)
```
#9abbc7
```
#9abbc7 rgb(154,187,199)
```
#a6c3ce
```
#a6c3ce rgb(166,195,206)
```
#b3ccd5
```
#b3ccd5 rgb(179,204,213)
```
#c0d4dc
```
#c0d4dc rgb(192,212,220)
```
#ccdde3
```
#ccdde3 rgb(204,221,227)
```
#d9e5ea
```
#d9e5ea rgb(217,229,234)
```
#e6eef1
```
#e6eef1 rgb(230,238,241)
```
#f2f6f8
```
#f2f6f8 rgb(242,246,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d9699 is the less saturated color, while #29c3fd is the most saturated one.

#8d9699
```
#8d9699 rgb(141,150,153)
```
#8599a1
```
#8599a1 rgb(133,153,161)
```
#7c9daa
```
#7c9daa rgb(124,157,170)
```
#74a1b2
```
#74a1b2 rgb(116,161,178)
```
#6ca5ba
```
#6ca5ba rgb(108,165,186)
```
#63a9c3
```
#63a9c3 rgb(99,169,195)
```
#5baccb
```
#5baccb rgb(91,172,203)
```
#53b0d3
```
#53b0d3 rgb(83,176,211)
```
#4ab4dc
```
#4ab4dc rgb(74,180,220)
```
#42b8e4
```
#42b8e4 rgb(66,184,228)
```
#3abbec
```
#3abbec rgb(58,187,236)
```
#32bff4
```
#32bff4 rgb(50,191,244)
```
#29c3fd
```
#29c3fd rgb(41,195,253)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#8e979b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9eb1 Protanopia 1% of men
#a09cb9 Deuteranopia 1% of men
#7aa6b2 Tritanopia 0.001% of the population

Trichromacy

#8d9fb1 Protanomaly 1% of men, 0.01% of women
#909db6 Deuteranomaly 6% of men, 0.4% of women
#77a4b2 Tritanomaly 0.01% of the population

#74a1b2 hex color

#74a1b2 Color Information

#74a1b2 Color Conversion

Color Schemes with #74a1b2

Alternatives to #74a1b2

#74a1b2 Preview

Shades and Tints of #74a1b2

Tones of #74a1b2

Color Blindness Simulator