colorhexa.com

#7caddb hex color

In a RGB color space, hex #7caddb is composed of 48.6% red, 67.8% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 43.4% cyan, 21% magenta, 0% yellow and 14.1% black. It has a hue angle of 209.1 degrees, a saturation of 56.9% and a lightness of 67.3%. #7caddb color hex could be obtained by blending #f8ffff with #005bb7. Closest websafe color is: #6699cc.

- R 49
- G 68
- B 86
RGB color chart
- C 43
- M 21
- Y 0
- K 14
CMYK color chart

● #7caddb color description : Very soft blue.

The hexadecimal color #7caddb has RGB values of R:124, G:173, B:219 and CMYK values of C:0.43, M:0.21, Y:0, K:0.14. Its decimal value is 8170971.

Hex triplet	7caddb	`#7caddb`
RGB Decimal	124, 173, 219	`rgb(124,173,219)`
RGB Percent	48.6, 67.8, 85.9	`rgb(48.6%,67.8%,85.9%)`
CMYK	43, 21, 0, 14
HSL	209.1°, 56.9, 67.3	`hsl(209.1,56.9%,67.3%)`
HSV (or HSB)	209.1°, 43.4, 85.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.957, -4.301, -28.326
XYZ	36.039, 39.285, 72.698
xyY	0.243, 0.265, 39.285
CIE-LCH	68.957, 28.65, 261.366
CIE-LUV	68.957, -24.131, -44.039
Hunter-Lab	62.678, -7.051, -24.894
Binary	01111100, 10101101, 11011011

#7caddb
```
#7caddb rgb(124,173,219)
```
#dbaa7c
```
#dbaa7c rgb(219,170,124)
```

Complementary Color

#7cdbda
```
#7cdbda rgb(124,219,218)
```
#7caddb
```
#7caddb rgb(124,173,219)
```
#7c7edb
```
#7c7edb rgb(124,126,219)
```

Analogous Color

#dbda7c
```
#dbda7c rgb(219,218,124)
```
#7caddb
```
#7caddb rgb(124,173,219)
```
#db7c7e
```
#db7c7e rgb(219,124,126)
```

Split Complementary Color

#addb7c
```
#addb7c rgb(173,219,124)
```
#7caddb
```
#7caddb rgb(124,173,219)
```
#db7cad
```
#db7cad rgb(219,124,173)
```

Triadic Color

#7cdbaa
```
#7cdbaa rgb(124,219,170)
```
#7caddb
```
#7caddb rgb(124,173,219)
```
#db7cad
```
#db7cad rgb(219,124,173)
```
#dbaa7c
```
#dbaa7c rgb(219,170,124)
```

Tetradic Color

#4087cb
```
#4087cb rgb(64,135,203)
```
#5494d0
```
#5494d0 rgb(84,148,208)
```
#68a0d6
```
#68a0d6 rgb(104,160,214)
```
#7caddb
```
#7caddb rgb(124,173,219)
```
#90bae0
```
#90bae0 rgb(144,186,224)
```
#a4c6e6
```
#a4c6e6 rgb(164,198,230)
```
#b8d3eb
```
#b8d3eb rgb(184,211,235)
```

Monochromatic Color

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

#7cc5db
```
#7cc5db rgb(124,197,219)
```
#7cbddb
```
#7cbddb rgb(124,189,219)
```
#7cb5db
```
#7cb5db rgb(124,181,219)
```
#7caddb
```
#7caddb rgb(124,173,219)
```
#7ca5db
```
#7ca5db rgb(124,165,219)
```
#7c9ddb
```
#7c9ddb rgb(124,157,219)
```
#7c95db
```
#7c95db rgb(124,149,219)
```

Similar Colors

Text with hexadecimal color #7caddb

This text has a font color of #7caddb.

<span style="color:#7caddb;">Text here</span>

#7caddb background color

This paragraph has a background color of #7caddb.

<p style="background-color:#7caddb;">Content here</p>

#7caddb border color

This element has a border color of #7caddb.

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

CSS codes

.text {color:#7caddb;}

.background {background-color:#7caddb;}

.border {border:1px solid #7caddb;}

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

#020507
```
#020507 rgb(2,5,7)
```
#060f17
```
#060f17 rgb(6,15,23)
```
#0b1926
```
#0b1926 rgb(11,25,38)
```
#0f2336
```
#0f2336 rgb(15,35,54)
```
#132d45
```
#132d45 rgb(19,45,69)
```
#173754
```
#173754 rgb(23,55,84)
```
#1b4164
```
#1b4164 rgb(27,65,100)
```
#204b73
```
#204b73 rgb(32,75,115)
```
#245583
```
#245583 rgb(36,85,131)
```
#285f92
```
#285f92 rgb(40,95,146)
```
#2c69a1
```
#2c69a1 rgb(44,105,161)
```
#3173b1
```
#3173b1 rgb(49,115,177)
```
#357dc0
```
#357dc0 rgb(53,125,192)
```

Shade Color Variation

#3e86ca
```
#3e86ca rgb(62,134,202)
```
#4e90ce
```
#4e90ce rgb(78,144,206)
```
#5d9ad3
```
#5d9ad3 rgb(93,154,211)
```
#6da3d7
```
#6da3d7 rgb(109,163,215)
```
#7caddb
```
#7caddb rgb(124,173,219)
```
#8bb7df
```
#8bb7df rgb(139,183,223)
```
#9bc0e3
```
#9bc0e3 rgb(155,192,227)
```
#aacae8
```
#aacae8 rgb(170,202,232)
```
#bad4ec
```
#bad4ec rgb(186,212,236)
```
#c9ddf0
```
#c9ddf0 rgb(201,221,240)
```
#d8e7f4
```
#d8e7f4 rgb(216,231,244)
```
#e8f0f9
```
#e8f0f9 rgb(232,240,249)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

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

#a9acae
```
#a9acae rgb(169,172,174)
```
#a3acb4
```
#a3acb4 rgb(163,172,180)
```
#9cacbb
```
#9cacbb rgb(156,172,187)
```
#96acc1
```
#96acc1 rgb(150,172,193)
```
#8facc8
```
#8facc8 rgb(143,172,200)
```
#89adce
```
#89adce rgb(137,173,206)
```
#82add5
```
#82add5 rgb(130,173,213)
```
#7caddb
```
#7caddb rgb(124,173,219)
```
#76ade1
```
#76ade1 rgb(118,173,225)
```
#6fade8
```
#6fade8 rgb(111,173,232)
```
#69aeee
```
#69aeee rgb(105,174,238)
```
#62aef5
```
#62aef5 rgb(98,174,245)
```
#5caefb
```
#5caefb rgb(92,174,251)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#9ca6af Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0abd8 Protanopia 1% of men
#9faadf Deuteranopia 1% of men
#79b6c3 Tritanopia 0.001% of the population

Trichromacy

#93abd9 Protanomaly 1% of men, 0.01% of women
#92abdd Deuteranomaly 6% of men, 0.4% of women
#7ab2cb Tritanomaly 0.01% of the population