#74bddf hex color

In a RGB color space, hex #74bddf is composed of 45.5% red, 74.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 15.2% magenta, 0% yellow and 12.5% black. It has a hue angle of 199.1 degrees, a saturation of 62.6% and a lightness of 66.5%. #74bddf color hex could be obtained by blending #e8ffff with #007bbf. Closest websafe color is: #66cccc.

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

● #74bddf color description : Soft blue.

The hexadecimal color #74bddf has RGB values of R:116, G:189, B:223 and CMYK values of C:0.48, M:0.15, Y:0, K:0.13. Its decimal value is 7650783.

Hex triplet	74bddf	`#74bddf`
RGB Decimal	116, 189, 223	`rgb(116,189,223)`
RGB Percent	45.5, 74.1, 87.5	`rgb(45.5%,74.1%,87.5%)`
CMYK	48, 15, 0, 13
HSL	199.1°, 62.6, 66.5	`hsl(199.1,62.6%,66.5%)`
HSV (or HSB)	199.1°, 48, 87.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.177, -13.74, -24.076
XYZ	38.716, 45.434, 76.537
xyY	0.241, 0.283, 45.434
CIE-LCH	73.177, 27.721, 240.287
CIE-LUV	73.177, -33.102, -35.994
Hunter-Lab	67.405, -15.43, -20.14
Binary	01110100, 10111101, 11011111

#74bddf
```
#74bddf rgb(116,189,223)
```
#df9674
```
#df9674 rgb(223,150,116)
```

Complementary Color

#74dfcc
```
#74dfcc rgb(116,223,204)
```
#74bddf
```
#74bddf rgb(116,189,223)
```
#7488df
```
#7488df rgb(116,136,223)
```

Analogous Color

#dfcc74
```
#dfcc74 rgb(223,204,116)
```
#74bddf
```
#74bddf rgb(116,189,223)
```
#df7488
```
#df7488 rgb(223,116,136)
```

Split Complementary Color

#bddf74
```
#bddf74 rgb(189,223,116)
```
#74bddf
```
#74bddf rgb(116,189,223)
```
#df74bd
```
#df74bd rgb(223,116,189)
```

Triadic Color

#74df96
```
#74df96 rgb(116,223,150)
```
#74bddf
```
#74bddf rgb(116,189,223)
```
#df74bd
```
#df74bd rgb(223,116,189)
```
#df9674
```
#df9674 rgb(223,150,116)
```

Tetradic Color

#369fd1
```
#369fd1 rgb(54,159,209)
```
#4ba9d5
```
#4ba9d5 rgb(75,169,213)
```
#5fb3da
```
#5fb3da rgb(95,179,218)
```
#74bddf
```
#74bddf rgb(116,189,223)
```
#89c7e4
```
#89c7e4 rgb(137,199,228)
```
#9dd1e9
```
#9dd1e9 rgb(157,209,233)
```
#b2dbed
```
#b2dbed rgb(178,219,237)
```

Monochromatic Color

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

#74d8df
```
#74d8df rgb(116,216,223)
```
#74cfdf
```
#74cfdf rgb(116,207,223)
```
#74c6df
```
#74c6df rgb(116,198,223)
```
#74bddf
```
#74bddf rgb(116,189,223)
```
#74b4df
```
#74b4df rgb(116,180,223)
```
#74abdf
```
#74abdf rgb(116,171,223)
```
#74a2df
```
#74a2df rgb(116,162,223)
```

Similar Colors

Text with hexadecimal color #74bddf

This text has a font color of #74bddf.

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

#74bddf background color

This paragraph has a background color of #74bddf.

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

#74bddf border color

This element has a border color of #74bddf.

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

CSS codes

.text {color:#74bddf;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#050f14
```
#050f14 rgb(5,15,20)
```
#081b24
```
#081b24 rgb(8,27,36)
```
#0c2834
```
#0c2834 rgb(12,40,52)
```
#103444
```
#103444 rgb(16,52,68)
```
#134054
```
#134054 rgb(19,64,84)
```
#174c64
```
#174c64 rgb(23,76,100)
```
#1b5874
```
#1b5874 rgb(27,88,116)
```
#1e6484
```
#1e6484 rgb(30,100,132)
```
#227094
```
#227094 rgb(34,112,148)
```
#267ca4
```
#267ca4 rgb(38,124,164)
```
#2988b4
```
#2988b4 rgb(41,136,180)
```
#2d94c4
```
#2d94c4 rgb(45,148,196)
```

Shade Color Variation

#349fd0
```
#349fd0 rgb(52,159,208)
```
#44a6d4
```
#44a6d4 rgb(68,166,212)
```
#54aed8
```
#54aed8 rgb(84,174,216)
```
#64b5db
```
#64b5db rgb(100,181,219)
```
#74bddf
```
#74bddf rgb(116,189,223)
```
#84c5e3
```
#84c5e3 rgb(132,197,227)
```
#94cce6
```
#94cce6 rgb(148,204,230)
```
#a4d4ea
```
#a4d4ea rgb(164,212,234)
```
#b4dbee
```
#b4dbee rgb(180,219,238)
```
#c4e3f1
```
#c4e3f1 rgb(196,227,241)
```
#d4eaf5
```
#d4eaf5 rgb(212,234,245)
```
#e4f2f9
```
#e4f2f9 rgb(228,242,249)
```
#f4fafc
```
#f4fafc rgb(244,250,252)
```

Tint Color Variation

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

#a9aaaa
```
#a9aaaa rgb(169,170,170)
```
#a2acb1
```
#a2acb1 rgb(162,172,177)
```
#9bafb8
```
#9bafb8 rgb(155,175,184)
```
#95b1be
```
#95b1be rgb(149,177,190)
```
#8eb3c5
```
#8eb3c5 rgb(142,179,197)
```
#88b6cb
```
#88b6cb rgb(136,182,203)
```
#81b8d2
```
#81b8d2 rgb(129,184,210)
```
#7bbbd8
```
#7bbbd8 rgb(123,187,216)
```
#74bddf
```
#74bddf rgb(116,189,223)
```
#6dbfe6
```
#6dbfe6 rgb(109,191,230)
```
#67c2ec
```
#67c2ec rgb(103,194,236)
```
#60c4f3
```
#60c4f3 rgb(96,196,243)
```
#5ac7f9
```
#5ac7f9 rgb(90,199,249)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a0afb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb6da Protanopia 1% of men
#afb4e5 Deuteranopia 1% of men
#75c3d1 Tritanopia 0.001% of the population

Trichromacy

#99b8db Protanomaly 1% of men, 0.01% of women
#99b7e2 Deuteranomaly 6% of men, 0.4% of women
#74c0d6 Tritanomaly 0.01% of the population

#74bddf hex color

#74bddf Color Information

#74bddf Color Conversion

Color Schemes with #74bddf

Alternatives to #74bddf

#74bddf Preview

Shades and Tints of #74bddf

Tones of #74bddf

Color Blindness Simulator