#7caad3 Color Information
In a RGB color space, hex #7caad3 is composed of 48.6% red, 66.7% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 41.2% cyan, 19.4% magenta, 0% yellow and 17.3% black. It has a hue angle of 208.3 degrees, a saturation of 49.7% and a lightness of 65.7%. #7caad3 color hex could be obtained by blending #f8ffff with #0055a7. Closest websafe color is: #6699cc.
-
- R 49
- G 67
- B 83
-
- C 41
- M 19
- Y 0
- K 17
● #7caad3 color description : Slightly desaturated blue.
#7caad3 Color Conversion
The hexadecimal color #7caad3 has RGB values of R:124, G:170, B:211 and CMYK values of C:0.41, M:0.19, Y:0, K:0.17. Its decimal value is 8170195.
Hex triplet | 7caad3 | #7caad3 |
---|---|---|
RGB Decimal | 124, 170, 211 | rgb(124,170,211) |
RGB Percent | 48.6, 66.7, 82.7 | rgb(48.6%,66.7%,82.7%) |
CMYK | 41, 19, 0, 17 | |
HSL | 208.3°, 49.7, 65.7 | hsl(208.3,49.7%,65.7%) |
HSV (or HSB) | 208.3°, 41.2, 82.7 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 67.826, -4.85, -25.664 |
---|---|
XYZ | 34.442, 37.736, 67.093 |
xyY | 0.247, 0.271, 37.736 |
CIE-LCH | 67.826, 26.118, 259.298 |
CIE-LUV | 67.826, -22.933, -39.448 |
Hunter-Lab | 61.43, -7.422, -21.755 |
Binary | 01111100, 10101010, 11010011 |
Color Schemes with #7caad3
Alternatives to #7caad3
Below, you can see some colors close to #7caad3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7caad3 Preview
This text has a font color of #7caad3.
<span style="color:#7caad3;">Text here</span>
This paragraph has a background color of #7caad3.
<p style="background-color:#7caad3;">Content here</p>
This element has a border color of #7caad3.
<div style="border:1px solid #7caad3;">Content here</div>
.text {color:#7caad3;}
.background {background-color:#7caad3;}
.border {border:1px solid #7caad3;}
Shades and Tints of #7caad3
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, #000101 is the darkest color, while #f1f6fa is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#050b10
#050b10
rgb(5,11,16)
-
#0a151f
#0a151f
rgb(10,21,31)
-
#0f1f2d
#0f1f2d
rgb(15,31,45)
-
#14293c
#14293c
rgb(20,41,60)
-
#19334b
#19334b
rgb(25,51,75)
-
#1e3d59
#1e3d59
rgb(30,61,89)
-
#234768
#234768
rgb(35,71,104)
-
#285177
#285177
rgb(40,81,119)
-
#2d5c85
#2d5c85
rgb(45,92,133)
-
#326694
#326694
rgb(50,102,148)
-
#3770a3
#3770a3
rgb(55,112,163)
-
#3c7ab1
#3c7ab1
rgb(60,122,177)
-
#4184bf
#4184bf
rgb(65,132,191)
-
#508dc4
#508dc4
rgb(80,141,196)
-
#5f97c9
#5f97c9
rgb(95,151,201)
-
#6da0ce
#6da0ce
rgb(109,160,206)
-
#7caad3
#7caad3
rgb(124,170,211)
-
#8bb4d8
#8bb4d8
rgb(139,180,216)
-
#99bddd
#99bddd
rgb(153,189,221)
-
#a8c7e2
#a8c7e2
rgb(168,199,226)
-
#b7d0e7
#b7d0e7
rgb(183,208,231)
-
#c5daec
#c5daec
rgb(197,218,236)
-
#d4e3f1
#d4e3f1
rgb(212,227,241)
-
#e3edf6
#e3edf6
rgb(227,237,246)
-
#f1f6fa
#f1f6fa
rgb(241,246,250)
Tones of #7caad3
A tone is produced by adding gray to any pure hue. In this case, #a4a8ab is the less saturated color, while #54acfb is the most saturated one.
-
#a4a8ab
#a4a8ab
rgb(164,168,171)
-
#9ea8b1
#9ea8b1
rgb(158,168,177)
-
#97a8b8
#97a8b8
rgb(151,168,184)
-
#90a9bf
#90a9bf
rgb(144,169,191)
-
#89a9c6
#89a9c6
rgb(137,169,198)
-
#83aacc
#83aacc
rgb(131,170,204)
-
#7caad3
#7caad3
rgb(124,170,211)
-
#75aada
#75aada
rgb(117,170,218)
-
#6fabe0
#6fabe0
rgb(111,171,224)
-
#68abe7
#68abe7
rgb(104,171,231)
-
#61acee
#61acee
rgb(97,172,238)
-
#5aacf5
#5aacf5
rgb(90,172,245)
-
#54acfb
#54acfb
rgb(84,172,251)
Color Blindness Simulator
Below, you can see how #7caad3 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.