#3aa1bc hex color

In a RGB color space, hex #3aa1bc is composed of 22.7% red, 63.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 69.1% cyan, 14.4% magenta, 0% yellow and 26.3% black. It has a hue angle of 192.5 degrees, a saturation of 52.8% and a lightness of 48.2%. #3aa1bc color hex could be obtained by blending #74ffff with #004379. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 23
- G 63
- B 74
RGB color chart
- C 69
- M 14
- Y 0
- K 26
CMYK color chart

● #3aa1bc color description : Moderate cyan.

The hexadecimal color #3aa1bc has RGB values of R:58, G:161, B:188 and CMYK values of C:0.69, M:0.14, Y:0, K:0.26. Its decimal value is 3842492.

Hex triplet	3aa1bc	`#3aa1bc`
RGB Decimal	58, 161, 188	`rgb(58,161,188)`
RGB Percent	22.7, 63.1, 73.7	`rgb(22.7%,63.1%,73.7%)`
CMYK	69, 14, 0, 26
HSL	192.5°, 52.8, 48.2	`hsl(192.5,52.8%,48.2%)`
HSV (or HSB)	192.5°, 69.1, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	61.67, -20.678, -22.544
XYZ	23.564, 30.018, 52.126
xyY	0.223, 0.284, 30.018
CIE-LCH	61.67, 30.591, 227.472
CIE-LUV	61.67, -38.703, -31.79
Hunter-Lab	54.789, -19.108, -18.057
Binary	00111010, 10100001, 10111100

#3aa1bc
```
#3aa1bc rgb(58,161,188)
```
#bc553a
```
#bc553a rgb(188,85,58)
```

Complementary Color

#3abc96
```
#3abc96 rgb(58,188,150)
```
#3aa1bc
```
#3aa1bc rgb(58,161,188)
```
#3a60bc
```
#3a60bc rgb(58,96,188)
```

Analogous Color

#bc963a
```
#bc963a rgb(188,150,58)
```
#3aa1bc
```
#3aa1bc rgb(58,161,188)
```
#bc3a60
```
#bc3a60 rgb(188,58,96)
```

Split Complementary Color

#a1bc3a
```
#a1bc3a rgb(161,188,58)
```
#3aa1bc
```
#3aa1bc rgb(58,161,188)
```
#bc3aa1
```
#bc3aa1 rgb(188,58,161)
```

Triadic Color

#3abc55
```
#3abc55 rgb(58,188,85)
```
#3aa1bc
```
#3aa1bc rgb(58,161,188)
```
#bc3aa1
```
#bc3aa1 rgb(188,58,161)
```
#bc553a
```
#bc553a rgb(188,85,58)
```

Tetradic Color

#286f82
```
#286f82 rgb(40,111,130)
```
#2e8095
```
#2e8095 rgb(46,128,149)
```
#3490a9
```
#3490a9 rgb(52,144,169)
```
#3aa1bc
```
#3aa1bc rgb(58,161,188)
```
#49adc7
```
#49adc7 rgb(73,173,199)
```
#5cb5cd
```
#5cb5cd rgb(92,181,205)
```
#70bed3
```
#70bed3 rgb(112,190,211)
```

Monochromatic Color

Below, you can see some colors close to #3aa1bc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#3abcb7
```
#3abcb7 rgb(58,188,183)
```
#3ab7bc
```
#3ab7bc rgb(58,183,188)
```
#3aacbc
```
#3aacbc rgb(58,172,188)
```
#3aa1bc
```
#3aa1bc rgb(58,161,188)
```
#3a96bc
```
#3a96bc rgb(58,150,188)
```
#3a8bbc
```
#3a8bbc rgb(58,139,188)
```
#3a81bc
```
#3a81bc rgb(58,129,188)
```

Similar Colors

Text with hexadecimal color #3aa1bc

This text has a font color of #3aa1bc.

<span style="color:#3aa1bc;">Text here</span>

#3aa1bc background color

This paragraph has a background color of #3aa1bc.

<p style="background-color:#3aa1bc;">Content here</p>

#3aa1bc border color

This element has a border color of #3aa1bc.

<div style="border:1px solid #3aa1bc;">Content here</div>

CSS codes

.text {color:#3aa1bc;}

.background {background-color:#3aa1bc;}

.border {border:1px solid #3aa1bc;}

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, #030708 is the darkest color, while #f8fcfd is the lightest one.

#030708
```
#030708 rgb(3,7,8)
```
#071417
```
#071417 rgb(7,20,23)
```
#0c2126
```
#0c2126 rgb(12,33,38)
```
#102d35
```
#102d35 rgb(16,45,53)
```
#153a44
```
#153a44 rgb(21,58,68)
```
#1a4753
```
#1a4753 rgb(26,71,83)
```
#1e5462
```
#1e5462 rgb(30,84,98)
```
#236171
```
#236171 rgb(35,97,113)
```
#286e80
```
#286e80 rgb(40,110,128)
```
#2c7a8f
```
#2c7a8f rgb(44,122,143)
```
#31879e
```
#31879e rgb(49,135,158)
```
#3594ad
```
#3594ad rgb(53,148,173)
```
#3aa1bc
```
#3aa1bc rgb(58,161,188)
```

Shade Color Variation

#44abc5
```
#44abc5 rgb(68,171,197)
```
#53b1ca
```
#53b1ca rgb(83,177,202)
```
#62b8cf
```
#62b8cf rgb(98,184,207)
```
#71bfd3
```
#71bfd3 rgb(113,191,211)
```
#80c6d8
```
#80c6d8 rgb(128,198,216)
```
#8fccdd
```
#8fccdd rgb(143,204,221)
```
#9ed3e1
```
#9ed3e1 rgb(158,211,225)
```
#addae6
```
#addae6 rgb(173,218,230)
```
#bce1ea
```
#bce1ea rgb(188,225,234)
```
#cbe8ef
```
#cbe8ef rgb(203,232,239)
```
#daeef4
```
#daeef4 rgb(218,238,244)
```
#e9f5f8
```
#e9f5f8 rgb(233,245,248)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #738083 is the less saturated color, while #01c2f5 is the most saturated one.

#738083
```
#738083 rgb(115,128,131)
```
#69858d
```
#69858d rgb(105,133,141)
```
#608b96
```
#608b96 rgb(96,139,150)
```
#5690a0
```
#5690a0 rgb(86,144,160)
```
#4d96a9
```
#4d96a9 rgb(77,150,169)
```
#439bb3
```
#439bb3 rgb(67,155,179)
```
#3aa1bc
```
#3aa1bc rgb(58,161,188)
```
#31a7c5
```
#31a7c5 rgb(49,167,197)
```
#27accf
```
#27accf rgb(39,172,207)
```
#1eb2d8
```
#1eb2d8 rgb(30,178,216)
```
#14b7e2
```
#14b7e2 rgb(20,183,226)
```
#0bbdeb
```
#0bbdeb rgb(11,189,235)
```
#01c2f5
```
#01c2f5 rgb(1,194,245)
```

Tone Color Variation

Below, you can see how #3aa1bc 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.

Monochromacy

#858585 Achromatopsia 0.005% of the population
#768b90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9399b7 Protanopia 1% of men
#9098c4 Deuteranopia 1% of men
#3ba7b4 Tritanopia 0.001% of the population

Trichromacy

#729bb9 Protanomaly 1% of men, 0.01% of women
#719bc1 Deuteranomaly 6% of men, 0.4% of women
#3aa5b7 Tritanomaly 0.01% of the population

#3aa1bc hex color

#3aa1bc Color Information

#3aa1bc Color Conversion

Color Schemes with #3aa1bc

Alternatives to #3aa1bc

#3aa1bc Preview

Shades and Tints of #3aa1bc

Tones of #3aa1bc

Color Blindness Simulator