#74a5e2 Color Information
In a RGB color space, hex #74a5e2 is composed of 45.5% red, 64.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 48.7% cyan, 27% magenta, 0% yellow and 11.4% black. It has a hue angle of 213.3 degrees, a saturation of 65.5% and a lightness of 67.1%. #74a5e2 color hex could be obtained by blending #e8ffff with #004bc5. Closest websafe color is: #6699cc.
-
- R 45
- G 65
- B 89
-
- C 49
- M 27
- Y 0
- K 11
● #74a5e2 color description : Soft blue.
#74a5e2 Color Conversion
The hexadecimal color #74a5e2 has RGB values of R:116, G:165, B:226 and CMYK values of C:0.49, M:0.27, Y:0, K:0.11. Its decimal value is 7644642.
Hex triplet | 74a5e2 | #74a5e2 |
---|---|---|
RGB Decimal | 116, 165, 226 | rgb(116,165,226) |
RGB Percent | 45.5, 64.7, 88.6 | rgb(45.5%,64.7%,88.6%) |
CMYK | 49, 27, 0, 11 | |
HSL | 213.3°, 65.5, 67.1 | hsl(213.3,65.5%,67.1%) |
HSV (or HSB) | 213.3°, 48.7, 88.6 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 66.606, 0.201, -35.844 |
---|---|
XYZ | 34.382, 36.113, 77.106 |
xyY | 0.233, 0.245, 36.113 |
CIE-LCH | 66.606, 35.844, 270.321 |
CIE-LUV | 66.606, -23.814, -56.964 |
Hunter-Lab | 60.094, -3.037, -34.009 |
Binary | 01110100, 10100101, 11100010 |
Color Schemes with #74a5e2
Alternatives to #74a5e2
Below, you can see some colors close to #74a5e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#74a5e2 Preview
This text has a font color of #74a5e2.
<span style="color:#74a5e2;">Text here</span>
This paragraph has a background color of #74a5e2.
<p style="background-color:#74a5e2;">Content here</p>
This element has a border color of #74a5e2.
<div style="border:1px solid #74a5e2;">Content here</div>
.text {color:#74a5e2;}
.background {background-color:#74a5e2;}
.border {border:1px solid #74a5e2;}
Shades and Tints of #74a5e2
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, #010407 is the darkest color, while #f6f9fd is the lightest one.
-
#010407
#010407
rgb(1,4,7)
-
#050d17
#050d17
rgb(5,13,23)
-
#081628
#081628
rgb(8,22,40)
-
#0c1f38
#0c1f38
rgb(12,31,56)
-
#0f2848
#0f2848
rgb(15,40,72)
-
#123158
#123158
rgb(18,49,88)
-
#163b68
#163b68
rgb(22,59,104)
-
#194479
#194479
rgb(25,68,121)
-
#1d4d89
#1d4d89
rgb(29,77,137)
-
#205699
#205699
rgb(32,86,153)
-
#235fa9
#235fa9
rgb(35,95,169)
-
#2768ba
#2768ba
rgb(39,104,186)
-
#2a71ca
#2a71ca
rgb(42,113,202)
-
#337bd4
#337bd4
rgb(51,123,212)
-
#4385d8
#4385d8
rgb(67,133,216)
-
#5490db
#5490db
rgb(84,144,219)
-
#649adf
#649adf
rgb(100,154,223)
-
#74a5e2
#74a5e2
rgb(116,165,226)
-
#84b0e5
#84b0e5
rgb(132,176,229)
-
#94bae9
#94bae9
rgb(148,186,233)
-
#a5c5ec
#a5c5ec
rgb(165,197,236)
-
#b5cff0
#b5cff0
rgb(181,207,240)
-
#c5daf3
#c5daf3
rgb(197,218,243)
-
#d5e4f6
#d5e4f6
rgb(213,228,246)
-
#e6effa
#e6effa
rgb(230,239,250)
-
#f6f9fd
#f6f9fd
rgb(246,249,253)
Tones of #74a5e2
A tone is produced by adding gray to any pure hue. In this case, #a8abae is the less saturated color, while #5aa2fc is the most saturated one.
-
#a8abae
#a8abae
rgb(168,171,174)
-
#a1aab5
#a1aab5
rgb(161,170,181)
-
#9ba9bb
#9ba9bb
rgb(155,169,187)
-
#94a9c2
#94a9c2
rgb(148,169,194)
-
#8ea8c8
#8ea8c8
rgb(142,168,200)
-
#87a7cf
#87a7cf
rgb(135,167,207)
-
#81a6d5
#81a6d5
rgb(129,166,213)
-
#7aa6dc
#7aa6dc
rgb(122,166,220)
-
#74a5e2
#74a5e2
rgb(116,165,226)
-
#6ea4e8
#6ea4e8
rgb(110,164,232)
-
#67a4ef
#67a4ef
rgb(103,164,239)
-
#61a3f5
#61a3f5
rgb(97,163,245)
-
#5aa2fc
#5aa2fc
rgb(90,162,252)
Color Blindness Simulator
Below, you can see how #74a5e2 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.