#3aa5b4 Color Information
In a RGB color space, hex #3aa5b4 is composed of 22.7% red, 64.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 8.3% magenta, 0% yellow and 29.4% black. It has a hue angle of 187.4 degrees, a saturation of 51.3% and a lightness of 46.7%. #3aa5b4 color hex could be obtained by blending #74ffff with #004b69. Closest websafe color is: #3399cc.
-
- R 23
- G 65
- B 71
-
- C 68
- M 8
- Y 0
- K 29
● #3aa5b4 color description : Moderate cyan.
#3aa5b4 Color Conversion
The hexadecimal color #3aa5b4 has RGB values of R:58, G:165, B:180 and CMYK values of C:0.68, M:0.08, Y:0, K:0.29. Its decimal value is 3843508.
Hex triplet | 3aa5b4 | #3aa5b4 |
---|---|---|
RGB Decimal | 58, 165, 180 | rgb(58,165,180) |
RGB Percent | 22.7, 64.7, 70.6 | rgb(22.7%,64.7%,70.6%) |
CMYK | 68, 8, 0, 29 | |
HSL | 187.4°, 51.3, 46.7 | hsl(187.4,51.3%,46.7%) |
HSV (or HSB) | 187.4°, 67.8, 70.6 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 62.595, -25.236, -16.65 |
---|---|
XYZ | 23.436, 31.103, 47.946 |
xyY | 0.229, 0.303, 31.103 |
CIE-LCH | 62.595, 30.233, 213.416 |
CIE-LUV | 62.595, -40.635, -21.714 |
Hunter-Lab | 55.77, -22.588, -11.933 |
Binary | 00111010, 10100101, 10110100 |
Color Schemes with #3aa5b4
Alternatives to #3aa5b4
Below, you can see some colors close to #3aa5b4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3aa5b4 Preview
This text has a font color of #3aa5b4.
<span style="color:#3aa5b4;">Text here</span>
This paragraph has a background color of #3aa5b4.
<p style="background-color:#3aa5b4;">Content here</p>
This element has a border color of #3aa5b4.
<div style="border:1px solid #3aa5b4;">Content here</div>
.text {color:#3aa5b4;}
.background {background-color:#3aa5b4;}
.border {border:1px solid #3aa5b4;}
Shades and Tints of #3aa5b4
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, #010202 is the darkest color, while #f2fafb is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#050f11
#050f11
rgb(5,15,17)
-
#0a1d20
#0a1d20
rgb(10,29,32)
-
#0f2b2e
#0f2b2e
rgb(15,43,46)
-
#14383d
#14383d
rgb(20,56,61)
-
#19464c
#19464c
rgb(25,70,76)
-
#1d535b
#1d535b
rgb(29,83,91)
-
#22616a
#22616a
rgb(34,97,106)
-
#276f79
#276f79
rgb(39,111,121)
-
#2c7c87
#2c7c87
rgb(44,124,135)
-
#308a96
#308a96
rgb(48,138,150)
-
#3597a5
#3597a5
rgb(53,151,165)
-
#3aa5b4
#3aa5b4
rgb(58,165,180)
-
#40b2c1
#40b2c1
rgb(64,178,193)
-
#4fb8c6
#4fb8c6
rgb(79,184,198)
-
#5ebecb
#5ebecb
rgb(94,190,203)
-
#6dc4d0
#6dc4d0
rgb(109,196,208)
-
#7bcad5
#7bcad5
rgb(123,202,213)
-
#8ad0d9
#8ad0d9
rgb(138,208,217)
-
#99d6de
#99d6de
rgb(153,214,222)
-
#a8dce3
#a8dce3
rgb(168,220,227)
-
#b7e2e8
#b7e2e8
rgb(183,226,232)
-
#c6e8ed
#c6e8ed
rgb(198,232,237)
-
#d4eef1
#d4eef1
rgb(212,238,241)
-
#e3f4f6
#e3f4f6
rgb(227,244,246)
-
#f2fafb
#f2fafb
rgb(242,250,251)
Tones of #3aa5b4
A tone is produced by adding gray to any pure hue. In this case, #717c7d is the less saturated color, while #03ceeb is the most saturated one.
-
#717c7d
#717c7d
rgb(113,124,125)
-
#688286
#688286
rgb(104,130,134)
-
#5f898f
#5f898f
rgb(95,137,143)
-
#559099
#559099
rgb(85,144,153)
-
#4c97a2
#4c97a2
rgb(76,151,162)
-
#439eab
#439eab
rgb(67,158,171)
-
#3aa5b4
#3aa5b4
rgb(58,165,180)
-
#31acbd
#31acbd
rgb(49,172,189)
-
#28b3c6
#28b3c6
rgb(40,179,198)
-
#1fbacf
#1fbacf
rgb(31,186,207)
-
#15c1d9
#15c1d9
rgb(21,193,217)
-
#0cc8e2
#0cc8e2
rgb(12,200,226)
-
#03ceeb
#03ceeb
rgb(3,206,235)
Color Blindness Simulator
Below, you can see how #3aa5b4 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.