#3a9fdf Color Information
In a RGB color space, hex #3a9fdf is composed of 22.7% red, 62.4% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 28.7% magenta, 0% yellow and 12.5% black. It has a hue angle of 203.3 degrees, a saturation of 72.1% and a lightness of 55.1%. #3a9fdf color hex could be obtained by blending #74ffff with #003fbf. Closest websafe color is: #3399cc.
-
- R 23
- G 62
- B 87
-
- C 74
- M 29
- Y 0
- K 13
● #3a9fdf color description : Bright blue.
#3a9fdf Color Conversion
The hexadecimal color #3a9fdf has RGB values of R:58, G:159, B:223 and CMYK values of C:0.74, M:0.29, Y:0, K:0.13. Its decimal value is 3842015.
Hex triplet | 3a9fdf | #3a9fdf |
---|---|---|
RGB Decimal | 58, 159, 223 | rgb(58,159,223) |
RGB Percent | 22.7, 62.4, 87.5 | rgb(22.7%,62.4%,87.5%) |
CMYK | 74, 29, 0, 13 | |
HSL | 203.3°, 72.1, 55.1 | hsl(203.3,72.1%,55.1%) |
HSV (or HSB) | 203.3°, 74, 87.5 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 62.526, -7.936, -40.728 |
---|---|
XYZ | 27.459, 31.021, 74.349 |
xyY | 0.207, 0.234, 31.021 |
CIE-LCH | 62.526, 41.494, 258.974 |
CIE-LUV | 62.526, -36.089, -63.651 |
Hunter-Lab | 55.697, -9.467, -40.157 |
Binary | 00111010, 10011111, 11011111 |
Color Schemes with #3a9fdf
Alternatives to #3a9fdf
Below, you can see some colors close to #3a9fdf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a9fdf Preview
This text has a font color of #3a9fdf.
<span style="color:#3a9fdf;">Text here</span>
This paragraph has a background color of #3a9fdf.
<p style="background-color:#3a9fdf;">Content here</p>
This element has a border color of #3a9fdf.
<div style="border:1px solid #3a9fdf;">Content here</div>
.text {color:#3a9fdf;}
.background {background-color:#3a9fdf;}
.border {border:1px solid #3a9fdf;}
Shades and Tints of #3a9fdf
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, #010405 is the darkest color, while #f4f9fd is the lightest one.
-
#010405
#010405
rgb(1,4,5)
-
#040f16
#040f16
rgb(4,15,22)
-
#061a27
#061a27
rgb(6,26,39)
-
#092638
#092638
rgb(9,38,56)
-
#0c3149
#0c3149
rgb(12,49,73)
-
#0f3d5a
#0f3d5a
rgb(15,61,90)
-
#11486b
#11486b
rgb(17,72,107)
-
#14537c
#14537c
rgb(20,83,124)
-
#175f8c
#175f8c
rgb(23,95,140)
-
#1a6a9d
#1a6a9d
rgb(26,106,157)
-
#1c76ae
#1c76ae
rgb(28,118,174)
-
#1f81bf
#1f81bf
rgb(31,129,191)
-
#228cd0
#228cd0
rgb(34,140,208)
-
#2997dc
#2997dc
rgb(41,151,220)
-
#3a9fdf
#3a9fdf
rgb(58,159,223)
-
#4ba7e2
#4ba7e2
rgb(75,167,226)
-
#5cafe4
#5cafe4
rgb(92,175,228)
-
#6db8e7
#6db8e7
rgb(109,184,231)
-
#7dc0ea
#7dc0ea
rgb(125,192,234)
-
#8ec8ed
#8ec8ed
rgb(142,200,237)
-
#9fd0ef
#9fd0ef
rgb(159,208,239)
-
#b0d9f2
#b0d9f2
rgb(176,217,242)
-
#c1e1f5
#c1e1f5
rgb(193,225,245)
-
#d2e9f8
#d2e9f8
rgb(210,233,248)
-
#e3f1fa
#e3f1fa
rgb(227,241,250)
-
#f4f9fd
#f4f9fd
rgb(244,249,253)
Tones of #3a9fdf
A tone is produced by adding gray to any pure hue. In this case, #898d90 is the less saturated color, while #20a5f9 is the most saturated one.
-
#898d90
#898d90
rgb(137,141,144)
-
#808f99
#808f99
rgb(128,143,153)
-
#7891a1
#7891a1
rgb(120,145,161)
-
#6f93aa
#6f93aa
rgb(111,147,170)
-
#6695b3
#6695b3
rgb(102,149,179)
-
#5d97bc
#5d97bc
rgb(93,151,188)
-
#5499c5
#5499c5
rgb(84,153,197)
-
#4c9bcd
#4c9bcd
rgb(76,155,205)
-
#439dd6
#439dd6
rgb(67,157,214)
-
#3a9fdf
#3a9fdf
rgb(58,159,223)
-
#31a1e8
#31a1e8
rgb(49,161,232)
-
#28a3f1
#28a3f1
rgb(40,163,241)
-
#20a5f9
#20a5f9
rgb(32,165,249)
Color Blindness Simulator
Below, you can see how #3a9fdf 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.