#7caaee hex color

In a RGB color space, hex #7caaee is composed of 48.6% red, 66.7% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 47.9% cyan, 28.6% magenta, 0% yellow and 6.7% black. It has a hue angle of 215.8 degrees, a saturation of 77% and a lightness of 71%. #7caaee color hex could be obtained by blending #f8ffff with #0055dd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 49
- G 67
- B 93
RGB color chart
- C 48
- M 29
- Y 0
- K 7
CMYK color chart

● #7caaee color description : Soft blue.

The hexadecimal color #7caaee has RGB values of R:124, G:170, B:238 and CMYK values of C:0.48, M:0.29, Y:0, K:0.07. Its decimal value is 8170222.

Hex triplet	7caaee	`#7caaee`
RGB Decimal	124, 170, 238	`rgb(124,170,238)`
RGB Percent	48.6, 66.7, 93.3	`rgb(48.6%,66.7%,93.3%)`
CMYK	48, 29, 0, 7
HSL	215.8°, 77, 71	`hsl(215.8,77%,71%)`
HSV (or HSB)	215.8°, 47.9, 93.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.9, 2.769, -38.812
XYZ	38.116, 39.206, 86.443
xyY	0.233, 0.239, 39.206
CIE-LCH	68.9, 38.91, 274.08
CIE-LUV	68.9, -22.99, -62.585
Hunter-Lab	62.615, -0.915, -38.023
Binary	01111100, 10101010, 11101110

#7caaee
```
#7caaee rgb(124,170,238)
```
#eec07c
```
#eec07c rgb(238,192,124)
```

Complementary Color

#7ce3ee
```
#7ce3ee rgb(124,227,238)
```
#7caaee
```
#7caaee rgb(124,170,238)
```
#877cee
```
#877cee rgb(135,124,238)
```

Analogous Color

#e3ee7c
```
#e3ee7c rgb(227,238,124)
```
#7caaee
```
#7caaee rgb(124,170,238)
```
#ee877c
```
#ee877c rgb(238,135,124)
```

Split Complementary Color

#aaee7c
```
#aaee7c rgb(170,238,124)
```
#7caaee
```
#7caaee rgb(124,170,238)
```
#ee7caa
```
#ee7caa rgb(238,124,170)
```

Triadic Color

#7ceec0
```
#7ceec0 rgb(124,238,192)
```
#7caaee
```
#7caaee rgb(124,170,238)
```
#ee7caa
```
#ee7caa rgb(238,124,170)
```
#eec07c
```
#eec07c rgb(238,192,124)
```

Tetradic Color

#387ee5
```
#387ee5 rgb(56,126,229)
```
#4f8de8
```
#4f8de8 rgb(79,141,232)
```
#659beb
```
#659beb rgb(101,155,235)
```
#7caaee
```
#7caaee rgb(124,170,238)
```
#93b9f1
```
#93b9f1 rgb(147,185,241)
```
#a9c7f4
```
#a9c7f4 rgb(169,199,244)
```
#c0d6f7
```
#c0d6f7 rgb(192,214,247)
```

Monochromatic Color

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

#7cc7ee
```
#7cc7ee rgb(124,199,238)
```
#7cbdee
```
#7cbdee rgb(124,189,238)
```
#7cb4ee
```
#7cb4ee rgb(124,180,238)
```
#7caaee
```
#7caaee rgb(124,170,238)
```
#7ca1ee
```
#7ca1ee rgb(124,161,238)
```
#7c97ee
```
#7c97ee rgb(124,151,238)
```
#7c8eee
```
#7c8eee rgb(124,142,238)
```

Similar Colors

Text with hexadecimal color #7caaee

This text has a font color of #7caaee.

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

#7caaee background color

This paragraph has a background color of #7caaee.

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

#7caaee border color

This element has a border color of #7caaee.

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

CSS codes

.text {color:#7caaee;}

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

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

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

#010408
```
#010408 rgb(1,4,8)
```
#030c19
```
#030c19 rgb(3,12,25)
```
#06142b
```
#06142b rgb(6,20,43)
```
#081d3c
```
#081d3c rgb(8,29,60)
```
#0a254d
```
#0a254d rgb(10,37,77)
```
#0c2e5f
```
#0c2e5f rgb(12,46,95)
```
#0f3670
```
#0f3670 rgb(15,54,112)
```
#113e81
```
#113e81 rgb(17,62,129)
```
#134793
```
#134793 rgb(19,71,147)
```
#154fa4
```
#154fa4 rgb(21,79,164)
```
#1857b6
```
#1857b6 rgb(24,87,182)
```
#1a60c7
```
#1a60c7 rgb(26,96,199)
```
#1c68d8
```
#1c68d8 rgb(28,104,216)
```

Shade Color Variation

#2572e3
```
#2572e3 rgb(37,114,227)
```
#377de5
```
#377de5 rgb(55,125,229)
```
#4888e7
```
#4888e7 rgb(72,136,231)
```
#5993e9
```
#5993e9 rgb(89,147,233)
```
#6b9fec
```
#6b9fec rgb(107,159,236)
```
#7caaee
```
#7caaee rgb(124,170,238)
```
#8db5f0
```
#8db5f0 rgb(141,181,240)
```
#9fc1f3
```
#9fc1f3 rgb(159,193,243)
```
#b0ccf5
```
#b0ccf5 rgb(176,204,245)
```
#c1d7f7
```
#c1d7f7 rgb(193,215,247)
```
#d3e2f9
```
#d3e2f9 rgb(211,226,249)
```
#e4eefc
```
#e4eefc rgb(228,238,252)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

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

#b5b5b5
```
#b5b5b5 rgb(181,181,181)
```
#afb4bb
```
#afb4bb rgb(175,180,187)
```
#aab3c0
```
#aab3c0 rgb(170,179,192)
```
#a4b2c6
```
#a4b2c6 rgb(164,178,198)
```
#9eb1cc
```
#9eb1cc rgb(158,177,204)
```
#98afd2
```
#98afd2 rgb(152,175,210)
```
#93aed7
```
#93aed7 rgb(147,174,215)
```
#8daddd
```
#8daddd rgb(141,173,221)
```
#87ace3
```
#87ace3 rgb(135,172,227)
```
#82abe8
```
#82abe8 rgb(130,171,232)
```
#7caaee
```
#7caaee rgb(124,170,238)
```
#76a9f4
```
#76a9f4 rgb(118,169,244)
```
#71a8f9
```
#71a8f9 rgb(113,168,249)
```

Tone Color Variation

Below, you can see how #7caaee 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
#9ca5b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96aaec Protanopia 1% of men
#90abf0 Deuteranopia 1% of men
#72b7c4 Tritanopia 0.001% of the population

Trichromacy

#8daaec Protanomaly 1% of men, 0.01% of women
#88aaef Deuteranomaly 6% of men, 0.4% of women
#75b2d3 Tritanomaly 0.01% of the population

#7caaee hex color

#7caaee Color Information

#7caaee Color Conversion

Color Schemes with #7caaee

Alternatives to #7caaee

#7caaee Preview

Shades and Tints of #7caaee

Tones of #7caaee

Color Blindness Simulator