#7ea5bb Color Information
In a RGB color space, hex #7ea5bb is composed of 49.4% red, 64.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 32.6% cyan, 11.8% magenta, 0% yellow and 26.7% black. It has a hue angle of 201.6 degrees, a saturation of 31% and a lightness of 61.4%. #7ea5bb color hex could be obtained by blending #fcffff with #004b77. Closest websafe color is: #6699cc.
-
- R 49
- G 65
- B 73
-
- C 33
- M 12
- Y 0
- K 27
● #7ea5bb color description : Slightly desaturated blue.
#7ea5bb Color Conversion
The hexadecimal color #7ea5bb has RGB values of R:126, G:165, B:187 and CMYK values of C:0.33, M:0.12, Y:0, K:0.27. Its decimal value is 8299963.
| Hex triplet | 7ea5bb | #7ea5bb |
|---|---|---|
| RGB Decimal | 126, 165, 187 | rgb(126,165,187) |
| RGB Percent | 49.4, 64.7, 73.3 | rgb(49.4%,64.7%,73.3%) |
| CMYK | 33, 12, 0, 27 | |
| HSL | 201.6°, 31, 61.4 | hsl(201.6,31%,61.4%) |
| HSV (or HSB) | 201.6°, 32.6, 73.3 | |
| Web Safe | 6699cc | #6699cc |
| CIE-LAB | 65.696, -7.865, -15.594 |
|---|---|
| XYZ | 31.027, 34.933, 52.119 |
| xyY | 0.263, 0.296, 34.933 |
| CIE-LCH | 65.696, 17.466, 243.235 |
| CIE-LUV | 65.696, -19.966, -22.532 |
| Hunter-Lab | 59.104, -9.727, -10.91 |
| Binary | 01111110, 10100101, 10111011 |
Color Schemes with #7ea5bb
Alternatives to #7ea5bb
Below, you can see some colors close to #7ea5bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7ea5bb Preview
This text has a font color of #7ea5bb.
<span style="color:#7ea5bb;">Text here</span>
This paragraph has a background color of #7ea5bb.
<p style="background-color:#7ea5bb;">Content here</p>
This element has a border color of #7ea5bb.
<div style="border:1px solid #7ea5bb;">Content here</div>
.text {color:#7ea5bb;}
.background {background-color:#7ea5bb;}
.border {border:1px solid #7ea5bb;}
Shades and Tints of #7ea5bb
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, #060a0c is the darkest color, while #feffff is the lightest one.
-
#060a0c
#060a0crgb(6,10,12) -
#0d1519
#0d1519rgb(13,21,25) -
#142026
#142026rgb(20,32,38) -
#1b2a33
#1b2a33rgb(27,42,51) -
#223540
#223540rgb(34,53,64) -
#283f4d
#283f4drgb(40,63,77) -
#2f4a59
#2f4a59rgb(47,74,89) -
#365566
#365566rgb(54,85,102) -
#3d5f73
#3d5f73rgb(61,95,115) -
#436a80
#436a80rgb(67,106,128) -
#4a758d
#4a758drgb(74,117,141) -
#517f9a
#517f9argb(81,127,154) -
#588aa6
#588aa6rgb(88,138,166)
-
#6493ad
#6493adrgb(100,147,173) -
#719cb4
#719cb4rgb(113,156,180) -
#7ea5bb
#7ea5bbrgb(126,165,187) -
#8baec2
#8baec2rgb(139,174,194) -
#98b7c9
#98b7c9rgb(152,183,201) -
#a5c0cf
#a5c0cfrgb(165,192,207) -
#b1c9d6
#b1c9d6rgb(177,201,214) -
#bed2dd
#bed2ddrgb(190,210,221) -
#cbdbe4
#cbdbe4rgb(203,219,228) -
#d8e4ea
#d8e4eargb(216,228,234) -
#e5edf1
#e5edf1rgb(229,237,241) -
#f2f6f8
#f2f6f8rgb(242,246,248) -
#feffff
#feffffrgb(254,255,255)
Tones of #7ea5bb
A tone is produced by adding gray to any pure hue. In this case, #9c9d9d is the less saturated color, while #41b6f8 is the most saturated one.
-
#9c9d9d
#9c9d9drgb(156,157,157) -
#959fa4
#959fa4rgb(149,159,164) -
#8da1ac
#8da1acrgb(141,161,172) -
#86a3b3
#86a3b3rgb(134,163,179) -
#7ea5bb
#7ea5bbrgb(126,165,187) -
#76a7c3
#76a7c3rgb(118,167,195) -
#6fa9ca
#6fa9cargb(111,169,202) -
#67abd2
#67abd2rgb(103,171,210) -
#60add9
#60add9rgb(96,173,217) -
#58b0e1
#58b0e1rgb(88,176,225) -
#51b2e8
#51b2e8rgb(81,178,232) -
#49b4f0
#49b4f0rgb(73,180,240) -
#41b6f8
#41b6f8rgb(65,182,248)
Color Blindness Simulator
Below, you can see how #7ea5bb 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.
