#7ca2db hex color

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

♥
- f
- t
- g
- R 49
- G 64
- B 86
RGB color chart
- C 43
- M 26
- Y 0
- K 14
CMYK color chart

● #7ca2db color description : Very soft blue.

The hexadecimal color #7ca2db has RGB values of R:124, G:162, B:219 and CMYK values of C:0.43, M:0.26, Y:0, K:0.14. Its decimal value is 8168155.

Hex triplet	7ca2db	`#7ca2db`
RGB Decimal	124, 162, 219	`rgb(124,162,219)`
RGB Percent	48.6, 63.5, 85.9	`rgb(48.6%,63.5%,85.9%)`
CMYK	43, 26, 0, 14
HSL	216°, 56.9, 67.3	`hsl(216,56.9%,67.3%)`
HSV (or HSB)	216°, 43.4, 85.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.934, 1.827, -32.996
XYZ	34.016, 35.239, 72.023
xyY	0.241, 0.249, 35.239
CIE-LCH	65.934, 33.046, 273.169
CIE-LUV	65.934, -19.801, -52.319
Hunter-Lab	59.362, -1.6, -30.382
Binary	01111100, 10100010, 11011011

#7ca2db
```
#7ca2db rgb(124,162,219)
```
#dbb57c
```
#dbb57c rgb(219,181,124)
```

Complementary Color

#7cd2db
```
#7cd2db rgb(124,210,219)
```
#7ca2db
```
#7ca2db rgb(124,162,219)
```
#867cdb
```
#867cdb rgb(134,124,219)
```

Analogous Color

#d2db7c
```
#d2db7c rgb(210,219,124)
```
#7ca2db
```
#7ca2db rgb(124,162,219)
```
#db867c
```
#db867c rgb(219,134,124)
```

Split Complementary Color

#a2db7c
```
#a2db7c rgb(162,219,124)
```
#7ca2db
```
#7ca2db rgb(124,162,219)
```
#db7ca2
```
#db7ca2 rgb(219,124,162)
```

Triadic Color

#7cdbb5
```
#7cdbb5 rgb(124,219,181)
```
#7ca2db
```
#7ca2db rgb(124,162,219)
```
#db7ca2
```
#db7ca2 rgb(219,124,162)
```
#dbb57c
```
#dbb57c rgb(219,181,124)
```

Tetradic Color

#4077cb
```
#4077cb rgb(64,119,203)
```
#5486d0
```
#5486d0 rgb(84,134,208)
```
#6894d6
```
#6894d6 rgb(104,148,214)
```
#7ca2db
```
#7ca2db rgb(124,162,219)
```
#90b0e0
```
#90b0e0 rgb(144,176,224)
```
#a4bee6
```
#a4bee6 rgb(164,190,230)
```
#b8cdeb
```
#b8cdeb rgb(184,205,235)
```

Monochromatic Color

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

#7cbadb
```
#7cbadb rgb(124,186,219)
```
#7cb2db
```
#7cb2db rgb(124,178,219)
```
#7caadb
```
#7caadb rgb(124,170,219)
```
#7ca2db
```
#7ca2db rgb(124,162,219)
```
#7c9adb
```
#7c9adb rgb(124,154,219)
```
#7c92db
```
#7c92db rgb(124,146,219)
```
#7c8adb
```
#7c8adb rgb(124,138,219)
```

Similar Colors

Text with hexadecimal color #7ca2db

This text has a font color of #7ca2db.

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

#7ca2db background color

This paragraph has a background color of #7ca2db.

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

#7ca2db border color

This element has a border color of #7ca2db.

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

CSS codes

.text {color:#7ca2db;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#060d17
```
#060d17 rgb(6,13,23)
```
#0b1626
```
#0b1626 rgb(11,22,38)
```
#0f1e36
```
#0f1e36 rgb(15,30,54)
```
#132745
```
#132745 rgb(19,39,69)
```
#173054
```
#173054 rgb(23,48,84)
```
#1b3864
```
#1b3864 rgb(27,56,100)
```
#204173
```
#204173 rgb(32,65,115)
```
#244a83
```
#244a83 rgb(36,74,131)
```
#285292
```
#285292 rgb(40,82,146)
```
#2c5ba1
```
#2c5ba1 rgb(44,91,161)
```
#3164b1
```
#3164b1 rgb(49,100,177)
```
#356dc0
```
#356dc0 rgb(53,109,192)
```

Shade Color Variation

#3e76ca
```
#3e76ca rgb(62,118,202)
```
#4e81ce
```
#4e81ce rgb(78,129,206)
```
#5d8cd3
```
#5d8cd3 rgb(93,140,211)
```
#6d97d7
```
#6d97d7 rgb(109,151,215)
```
#7ca2db
```
#7ca2db rgb(124,162,219)
```
#8baddf
```
#8baddf rgb(139,173,223)
```
#9bb8e3
```
#9bb8e3 rgb(155,184,227)
```
#aac3e8
```
#aac3e8 rgb(170,195,232)
```
#baceec
```
#baceec rgb(186,206,236)
```
#c9d9f0
```
#c9d9f0 rgb(201,217,240)
```
#d8e4f4
```
#d8e4f4 rgb(216,228,244)
```
#e8eef9
```
#e8eef9 rgb(232,238,249)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

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

#a9abae
```
#a9abae rgb(169,171,174)
```
#a3aab4
```
#a3aab4 rgb(163,170,180)
```
#9ca8bb
```
#9ca8bb rgb(156,168,187)
```
#96a7c1
```
#96a7c1 rgb(150,167,193)
```
#8fa6c8
```
#8fa6c8 rgb(143,166,200)
```
#89a5ce
```
#89a5ce rgb(137,165,206)
```
#82a3d5
```
#82a3d5 rgb(130,163,213)
```
#7ca2db
```
#7ca2db rgb(124,162,219)
```
#76a1e1
```
#76a1e1 rgb(118,161,225)
```
#6f9fe8
```
#6f9fe8 rgb(111,159,232)
```
#699eee
```
#699eee rgb(105,158,238)
```
#629df5
```
#629df5 rgb(98,157,245)
```
#5c9cfb
```
#5c9cfb rgb(92,156,251)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#969ea9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94a3da Protanopia 1% of men
#91a3de Deuteranopia 1% of men
#76adba Tritanopia 0.001% of the population

Trichromacy

#8ba2da Protanomaly 1% of men, 0.01% of women
#89a2dd Deuteranomaly 6% of men, 0.4% of women
#78a9c6 Tritanomaly 0.01% of the population

#7ca2db hex color

#7ca2db Color Information

#7ca2db Color Conversion

Color Schemes with #7ca2db

Alternatives to #7ca2db

#7ca2db Preview

Shades and Tints of #7ca2db

Tones of #7ca2db

Color Blindness Simulator