#3aa7fd Color Information
In a RGB color space, hex #3aa7fd is composed of 22.7% red, 65.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 34% magenta, 0% yellow and 0.8% black. It has a hue angle of 206.5 degrees, a saturation of 98% and a lightness of 61%. #3aa7fd color hex could be obtained by blending #74ffff with #004ffb. Closest websafe color is: #3399ff.
-
- R 23
- G 65
- B 99
-
- C 77
- M 34
- Y 0
- K 1
● #3aa7fd color description : Bright blue.
#3aa7fd Color Conversion
The hexadecimal color #3aa7fd has RGB values of R:58, G:167, B:253 and CMYK values of C:0.77, M:0.34, Y:0, K:0.01. Its decimal value is 3844093.
Hex triplet | 3aa7fd | #3aa7fd |
---|---|---|
RGB Decimal | 58, 167, 253 | rgb(58,167,253) |
RGB Percent | 22.7, 65.5, 99.2 | rgb(22.7%,65.5%,99.2%) |
CMYK | 77, 34, 0, 1 | |
HSL | 206.5°, 98, 61 | hsl(206.5,98%,61%) |
HSV (or HSB) | 206.5°, 77.1, 99.2 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 66.233, -2.009, -51.35 |
---|---|
XYZ | 33.289, 35.626, 98.045 |
xyY | 0.199, 0.213, 35.626 |
CIE-LCH | 66.233, 51.389, 267.76 |
CIE-LUV | 66.233, -37.311, -82.91 |
Hunter-Lab | 59.688, -4.9, -55.611 |
Binary | 00111010, 10100111, 11111101 |
Color Schemes with #3aa7fd
Alternatives to #3aa7fd
Below, you can see some colors close to #3aa7fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3aa7fd Preview
This text has a font color of #3aa7fd.
<span style="color:#3aa7fd;">Text here</span>
This paragraph has a background color of #3aa7fd.
<p style="background-color:#3aa7fd;">Content here</p>
This element has a border color of #3aa7fd.
<div style="border:1px solid #3aa7fd;">Content here</div>
.text {color:#3aa7fd;}
.background {background-color:#3aa7fd;}
.border {border:1px solid #3aa7fd;}
Shades and Tints of #3aa7fd
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, #000911 is the darkest color, while #fcfeff is the lightest one.
-
#000911
#000911
rgb(0,9,17)
-
#001424
#001424
rgb(0,20,36)
-
#011f37
#011f37
rgb(1,31,55)
-
#012a4b
#012a4b
rgb(1,42,75)
-
#01355e
#01355e
rgb(1,53,94)
-
#014072
#014072
rgb(1,64,114)
-
#014b85
#014b85
rgb(1,75,133)
-
#025699
#025699
rgb(2,86,153)
-
#0261ac
#0261ac
rgb(2,97,172)
-
#026cbf
#026cbf
rgb(2,108,191)
-
#0277d3
#0277d3
rgb(2,119,211)
-
#0282e6
#0282e6
rgb(2,130,230)
-
#038dfa
#038dfa
rgb(3,141,250)
-
#1396fd
#1396fd
rgb(19,150,253)
-
#279efd
#279efd
rgb(39,158,253)
-
#3aa7fd
#3aa7fd
rgb(58,167,253)
-
#4db0fd
#4db0fd
rgb(77,176,253)
-
#61b8fd
#61b8fd
rgb(97,184,253)
-
#74c1fe
#74c1fe
rgb(116,193,254)
-
#88cafe
#88cafe
rgb(136,202,254)
-
#9bd2fe
#9bd2fe
rgb(155,210,254)
-
#afdbfe
#afdbfe
rgb(175,219,254)
-
#c2e4fe
#c2e4fe
rgb(194,228,254)
-
#d5ecff
#d5ecff
rgb(213,236,255)
-
#e9f5ff
#e9f5ff
rgb(233,245,255)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #3aa7fd
A tone is produced by adding gray to any pure hue. In this case, #969ca1 is the less saturated color, while #3aa7fd is the most saturated one.
-
#969ca1
#969ca1
rgb(150,156,161)
-
#8e9da9
#8e9da9
rgb(142,157,169)
-
#879eb0
#879eb0
rgb(135,158,176)
-
#7f9fb8
#7f9fb8
rgb(127,159,184)
-
#77a0c0
#77a0c0
rgb(119,160,192)
-
#70a1c7
#70a1c7
rgb(112,161,199)
-
#68a2cf
#68a2cf
rgb(104,162,207)
-
#60a2d7
#60a2d7
rgb(96,162,215)
-
#59a3de
#59a3de
rgb(89,163,222)
-
#51a4e6
#51a4e6
rgb(81,164,230)
-
#49a5ee
#49a5ee
rgb(73,165,238)
-
#42a6f5
#42a6f5
rgb(66,166,245)
-
#3aa7fd
#3aa7fd
rgb(58,167,253)
Color Blindness Simulator
Below, you can see how #3aa7fd 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.