Nome del colore #a2ac86

Cucumber Crush

Colore #a2ac86 in formato RGB (162, 172, 134): 64%, 67%, 53% rosso, 64%, 67%, 53% verde, 64%, 67%, 53% blu. #a2ac86 nel formato CMYK (6%, 0%, 22%, 33%): 6%, 0%, 22%, 33%. Nel modello di colore HSL (76, 19%, 60%): gradi 76, 19%, 60%, saturazione 76, 19%, 60%, luminosità 76, 19%, 60%. Altri formati e partite sono presentati di seguito.

#a2ac86
#abb492
#b5bd9e
#bec5aa
#c7cdb6
#d1d6c3
#dadecf
#e3e6db
#eceee7
#f6f7f3
#ffffff

Formati di colore

HEX

#a2ac86

RYB

0, 38, 0

RGB

162, 172, 134

Decimal

10660998

RGB %

64%, 67%, 53%

Websafe

#999999

CMYK

6%, 0%, 22%, 33%

Lab

68.68, -10.24, 18.41

HSL

76, 19%, 60%

XYZ

33.96, 38.91, 28.27

HSV

76, 22%, 67%

YIQ

164.68, 6.28, -13.97

Hunter-Lab

6.24, -0.69, 1.9

YUV

164.68, -15.09, -2.35

Android

0xFFa2ac86

Yxy

38.91, 0.34, 0.38

Colori aggiuntivi

#a3ac86
#9cac86
#96ac86
#90ac86
#99ac86
#93ac86
#8cac86
#86ac86
#90ac86
#89ac86
#86ac89
#86ac90
#86ac86
#86ac8c
#86ac93
#86ac99
#86ac90
#86ac96
#86ac9c
#86aca3
#86ac99
#86ac9f
#86aca6
#86acac
#86aca3
#86aca9
#86a9ac
#86a3ac

Combinazioni di colori

Complementary

#a2ac86
#9086ac

Triad

#a2ac86
#86a3ac
#ac86a3

Tetrad

#a2ac86
#86aca3
#9086ac
#ac8690

Sfumature

#a2ac86
#97a17d
#8c9574
#828a6b
#777e62
#6c7359
#616750
#565c47
#4c503f
#414536
#36392d
#2b2e24
#20221b
#161712
#0b0b09

Toni scuri

#828a6b
#7b8366
#757c60
#6e755b
#686e56
#616750
#5b604b
#545946
#4e5340
#474c3b
#414536
#3a3e30
#34372b
#2d3026
#272920

Toni chiari

#a2ac86
#a8b38b
#afba91
#b5c196
#bcc89b
#c2cea1
#c9d5a6
#cfdcac
#d6e3b1
#dceab6
#e3f1bc
#e9f8c1
#f0ffc6
#f6ffcc
#fdffd1

Monocromatico

#859164
#899566
#8c9869
#8e9b6d
#919d70
#94a074
#97a277
#9aa57b
#9ca77f
#9faa82
#a2ac86
#a5ae8a
#a8b18d
#aab391
#adb695

Analogo

#ac868f
#ac9086
#aca386
#a3ac86
#90ac86
#86ac90
#86aca3

Stili per HTML (CSS)

Lo sfondo di questo blocco è colorato #86aca3
<div style="background: #86aca3">Background</div>
div {background: #86aca3;}
Il testo e i bordi di questo blocco sono colorati #a2ac86
<div style="color: #a2ac86">Text</div>
div {color: #86aca3;}
<div style="border: 1px solid #a2ac86">Border</div>
div {border: 1px solid #a2ac86;}