#3695ac hex color

In a RGB color space, hex #3695ac is composed of 21.2% red, 58.4% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 13.4% magenta, 0% yellow and 32.5% black. It has a hue angle of 191.7 degrees, a saturation of 52.2% and a lightness of 44.3%. #3695ac color hex could be obtained by blending #6cffff with #002b59. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 21
- G 58
- B 67
RGB color chart
- C 69
- M 13
- Y 0
- K 33
CMYK color chart

● #3695ac color description : Dark moderate cyan.

The hexadecimal color #3695ac has RGB values of R:54, G:149, B:172 and CMYK values of C:0.69, M:0.13, Y:0, K:0.33. Its decimal value is 3577260.

Hex triplet	3695ac	`#3695ac`
RGB Decimal	54, 149, 172	`rgb(54,149,172)`
RGB Percent	21.2, 58.4, 67.5	`rgb(21.2%,58.4%,67.5%)`
CMYK	69, 13, 0, 33
HSL	191.7°, 52.2, 44.3	`hsl(191.7,52.2%,44.3%)`
HSV (or HSB)	191.7°, 68.6, 67.5
Web Safe	339999	`#339999`

CIE-LAB	57.324, -20.086, -20.158
XYZ	19.713, 25.256, 42.863
xyY	0.224, 0.288, 25.256
CIE-LCH	57.324, 28.457, 225.104
CIE-LUV	57.324, -35.961, -27.675
Hunter-Lab	50.255, -17.929, -15.39
Binary	00110110, 10010101, 10101100

#3695ac
```
#3695ac rgb(54,149,172)
```
#ac4d36
```
#ac4d36 rgb(172,77,54)
```

Complementary Color

#36ac88
```
#36ac88 rgb(54,172,136)
```
#3695ac
```
#3695ac rgb(54,149,172)
```
#365aac
```
#365aac rgb(54,90,172)
```

Analogous Color

#ac8836
```
#ac8836 rgb(172,136,54)
```
#3695ac
```
#3695ac rgb(54,149,172)
```
#ac365a
```
#ac365a rgb(172,54,90)
```

Split Complementary Color

#95ac36
```
#95ac36 rgb(149,172,54)
```
#3695ac
```
#3695ac rgb(54,149,172)
```
#ac3695
```
#ac3695 rgb(172,54,149)
```

Triadic Color

#36ac4d
```
#36ac4d rgb(54,172,77)
```
#3695ac
```
#3695ac rgb(54,149,172)
```
#ac3695
```
#ac3695 rgb(172,54,149)
```
#ac4d36
```
#ac4d36 rgb(172,77,54)
```

Tetradic Color

#246372
```
#246372 rgb(36,99,114)
```
#2a7385
```
#2a7385 rgb(42,115,133)
```
#308499
```
#308499 rgb(48,132,153)
```
#3695ac
```
#3695ac rgb(54,149,172)
```
#3ca6bf
```
#3ca6bf rgb(60,166,191)
```
#4eb0c7
```
#4eb0c7 rgb(78,176,199)
```
#61b8cd
```
#61b8cd rgb(97,184,205)
```

Monochromatic Color

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

#36aca6
```
#36aca6 rgb(54,172,166)
```
#36a9ac
```
#36a9ac rgb(54,169,172)
```
#369fac
```
#369fac rgb(54,159,172)
```
#3695ac
```
#3695ac rgb(54,149,172)
```
#368bac
```
#368bac rgb(54,139,172)
```
#3681ac
```
#3681ac rgb(54,129,172)
```
#3678ac
```
#3678ac rgb(54,120,172)
```

Similar Colors

Text with hexadecimal color #3695ac

This text has a font color of #3695ac.

<span style="color:#3695ac;">Text here</span>

#3695ac background color

This paragraph has a background color of #3695ac.

<p style="background-color:#3695ac;">Content here</p>

#3695ac border color

This element has a border color of #3695ac.

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

CSS codes

.text {color:#3695ac;}

.background {background-color:#3695ac;}

.border {border:1px solid #3695ac;}

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

#020708
```
#020708 rgb(2,7,8)
```
#071417
```
#071417 rgb(7,20,23)
```
#0c2126
```
#0c2126 rgb(12,33,38)
```
#112e35
```
#112e35 rgb(17,46,53)
```
#153a44
```
#153a44 rgb(21,58,68)
```
#1a4752
```
#1a4752 rgb(26,71,82)
```
#1f5461
```
#1f5461 rgb(31,84,97)
```
#236170
```
#236170 rgb(35,97,112)
```
#286e7f
```
#286e7f rgb(40,110,127)
```
#2d7b8e
```
#2d7b8e rgb(45,123,142)
```
#31889d
```
#31889d rgb(49,136,157)
```
#3695ac
```
#3695ac rgb(54,149,172)
```
#3ba2bb
```
#3ba2bb rgb(59,162,187)
```

Shade Color Variation

#45acc5
```
#45acc5 rgb(69,172,197)
```
#54b2c9
```
#54b2c9 rgb(84,178,201)
```
#63b9ce
```
#63b9ce rgb(99,185,206)
```
#72c0d3
```
#72c0d3 rgb(114,192,211)
```
#80c6d7
```
#80c6d7 rgb(128,198,215)
```
#8fcddc
```
#8fcddc rgb(143,205,220)
```
#9ed4e1
```
#9ed4e1 rgb(158,212,225)
```
#addae5
```
#addae5 rgb(173,218,229)
```
#bce1ea
```
#bce1ea rgb(188,225,234)
```
#cbe8ef
```
#cbe8ef rgb(203,232,239)
```
#daeef3
```
#daeef3 rgb(218,238,243)
```
#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, #6a7578 is the less saturated color, while #02b5e0 is the most saturated one.

#6a7578
```
#6a7578 rgb(106,117,120)
```
#617a81
```
#617a81 rgb(97,122,129)
```
#598089
```
#598089 rgb(89,128,137)
```
#508592
```
#508592 rgb(80,133,146)
```
#478a9b
```
#478a9b rgb(71,138,155)
```
#3f90a3
```
#3f90a3 rgb(63,144,163)
```
#3695ac
```
#3695ac rgb(54,149,172)
```
#2d9ab5
```
#2d9ab5 rgb(45,154,181)
```
#25a0bd
```
#25a0bd rgb(37,160,189)
```
#1ca5c6
```
#1ca5c6 rgb(28,165,198)
```
#13aacf
```
#13aacf rgb(19,170,207)
```
#0bb0d7
```
#0bb0d7 rgb(11,176,215)
```
#02b5e0
```
#02b5e0 rgb(2,181,224)
```

Tone Color Variation

Below, you can see how #3695ac 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

#7b7b7b Achromatopsia 0.005% of the population
#6d8085 Atypical Achromatopsia 0.001% of the population

Dichromacy

#898ea8 Protanopia 1% of men
#878db5 Deuteranopia 1% of men
#399ca7 Tritanopia 0.001% of the population

Trichromacy

#6b90a9 Protanomaly 1% of men, 0.01% of women
#6a90b1 Deuteranomaly 6% of men, 0.4% of women
#3899a9 Tritanomaly 0.01% of the population

#3695ac hex color

#3695ac Color Information

#3695ac Color Conversion

Color Schemes with #3695ac

Alternatives to #3695ac

#3695ac Preview

Shades and Tints of #3695ac

Tones of #3695ac

Color Blindness Simulator