#3aa7bf hex color

In a RGB color space, hex #3aa7bf is composed of 22.7% red, 65.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 12.6% magenta, 0% yellow and 25.1% black. It has a hue angle of 190.8 degrees, a saturation of 53.4% and a lightness of 48.8%. #3aa7bf color hex could be obtained by blending #74ffff with #004f7f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 23
- G 65
- B 75
RGB color chart
- C 70
- M 13
- Y 0
- K 25
CMYK color chart

● #3aa7bf color description : Moderate cyan.

The hexadecimal color #3aa7bf has RGB values of R:58, G:167, B:191 and CMYK values of C:0.7, M:0.13, Y:0, K:0.25. Its decimal value is 3844031.

Hex triplet	3aa7bf	`#3aa7bf`
RGB Decimal	58, 167, 191	`rgb(58,167,191)`
RGB Percent	22.7, 65.5, 74.9	`rgb(22.7%,65.5%,74.9%)`
CMYK	70, 13, 0, 25
HSL	190.8°, 53.4, 48.8	`hsl(190.8,53.4%,48.8%)`
HSV (or HSB)	190.8°, 69.6, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.587, -22.838, -21.291
XYZ	24.965, 32.296, 54.205
xyY	0.224, 0.29, 32.296
CIE-LCH	63.587, 31.223, 222.992
CIE-LUV	63.587, -40.707, -29.604
Hunter-Lab	56.83, -21.039, -16.771
Binary	00111010, 10100111, 10111111

#3aa7bf
```
#3aa7bf rgb(58,167,191)
```
#bf523a
```
#bf523a rgb(191,82,58)
```

Complementary Color

#3abf95
```
#3abf95 rgb(58,191,149)
```
#3aa7bf
```
#3aa7bf rgb(58,167,191)
```
#3a65bf
```
#3a65bf rgb(58,101,191)
```

Analogous Color

#bf953a
```
#bf953a rgb(191,149,58)
```
#3aa7bf
```
#3aa7bf rgb(58,167,191)
```
#bf3a65
```
#bf3a65 rgb(191,58,101)
```

Split Complementary Color

#a7bf3a
```
#a7bf3a rgb(167,191,58)
```
#3aa7bf
```
#3aa7bf rgb(58,167,191)
```
#bf3aa7
```
#bf3aa7 rgb(191,58,167)
```

Triadic Color

#3abf52
```
#3abf52 rgb(58,191,82)
```
#3aa7bf
```
#3aa7bf rgb(58,167,191)
```
#bf3aa7
```
#bf3aa7 rgb(191,58,167)
```
#bf523a
```
#bf523a rgb(191,82,58)
```

Tetradic Color

#287484
```
#287484 rgb(40,116,132)
```
#2e8598
```
#2e8598 rgb(46,133,152)
```
#3496ab
```
#3496ab rgb(52,150,171)
```
#3aa7bf
```
#3aa7bf rgb(58,167,191)
```
#4ab1c8
```
#4ab1c8 rgb(74,177,200)
```
#5ebace
```
#5ebace rgb(94,186,206)
```
#71c2d4
```
#71c2d4 rgb(113,194,212)
```

Monochromatic Color

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

#3abfb6
```
#3abfb6 rgb(58,191,182)
```
#3abdbf
```
#3abdbf rgb(58,189,191)
```
#3ab2bf
```
#3ab2bf rgb(58,178,191)
```
#3aa7bf
```
#3aa7bf rgb(58,167,191)
```
#3a9cbf
```
#3a9cbf rgb(58,156,191)
```
#3a91bf
```
#3a91bf rgb(58,145,191)
```
#3a86bf
```
#3a86bf rgb(58,134,191)
```

Similar Colors

Text with hexadecimal color #3aa7bf

This text has a font color of #3aa7bf.

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

#3aa7bf background color

This paragraph has a background color of #3aa7bf.

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

#3aa7bf border color

This element has a border color of #3aa7bf.

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

CSS codes

.text {color:#3aa7bf;}

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

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

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, #03090a is the darkest color, while #fafdfe is the lightest one.

#03090a
```
#03090a rgb(3,9,10)
```
#081619
```
#081619 rgb(8,22,25)
```
#0c2329
```
#0c2329 rgb(12,35,41)
```
#113138
```
#113138 rgb(17,49,56)
```
#153e47
```
#153e47 rgb(21,62,71)
```
#1a4b56
```
#1a4b56 rgb(26,75,86)
```
#1f5865
```
#1f5865 rgb(31,88,101)
```
#236574
```
#236574 rgb(35,101,116)
```
#287283
```
#287283 rgb(40,114,131)
```
#2c8092
```
#2c8092 rgb(44,128,146)
```
#318da1
```
#318da1 rgb(49,141,161)
```
#359ab0
```
#359ab0 rgb(53,154,176)
```
#3aa7bf
```
#3aa7bf rgb(58,167,191)
```

Shade Color Variation

#46b0c7
```
#46b0c7 rgb(70,176,199)
```
#55b6cb
```
#55b6cb rgb(85,182,203)
```
#64bcd0
```
#64bcd0 rgb(100,188,208)
```
#73c3d4
```
#73c3d4 rgb(115,195,212)
```
#82c9d9
```
#82c9d9 rgb(130,201,217)
```
#91d0de
```
#91d0de rgb(145,208,222)
```
#a0d6e2
```
#a0d6e2 rgb(160,214,226)
```
#afdde7
```
#afdde7 rgb(175,221,231)
```
#bee3eb
```
#bee3eb rgb(190,227,235)
```
#cdeaf0
```
#cdeaf0 rgb(205,234,240)
```
#dcf0f4
```
#dcf0f4 rgb(220,240,244)
```
#ebf7f9
```
#ebf7f9 rgb(235,247,249)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#738286
```
#738286 rgb(115,130,134)
```
#6a888f
```
#6a888f rgb(106,136,143)
```
#608f99
```
#608f99 rgb(96,143,153)
```
#5795a2
```
#5795a2 rgb(87,149,162)
```
#4d9bac
```
#4d9bac rgb(77,155,172)
```
#44a1b5
```
#44a1b5 rgb(68,161,181)
```
#3aa7bf
```
#3aa7bf rgb(58,167,191)
```
#30adc9
```
#30adc9 rgb(48,173,201)
```
#27b3d2
```
#27b3d2 rgb(39,179,210)
```
#1db9dc
```
#1db9dc rgb(29,185,220)
```
#14bfe5
```
#14bfe5 rgb(20,191,229)
```
#0ac6ef
```
#0ac6ef rgb(10,198,239)
```
#01ccf8
```
#01ccf8 rgb(1,204,248)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#798f94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#999db9 Protanopia 1% of men
#979cc8 Deuteranopia 1% of men
#3dadb9 Tritanopia 0.001% of the population

Trichromacy

#76a1bb Protanomaly 1% of men, 0.01% of women
#75a0c4 Deuteranomaly 6% of men, 0.4% of women
#3caabb Tritanomaly 0.01% of the population

#3aa7bf hex color

#3aa7bf Color Information

#3aa7bf Color Conversion

Color Schemes with #3aa7bf

Alternatives to #3aa7bf

#3aa7bf Preview

Shades and Tints of #3aa7bf

Tones of #3aa7bf

Color Blindness Simulator