ColorTool
Accedi
#CC8189

#cc8189 ≈ Old Rose

  • rosso
  • Luminosità: alta
  • Saturazione: moderata
  • Caldo
Verifica il contrasto Esplora nel grafo Colore casuale

#cc8189 è un colore della famiglia «rosso», con luminosità alta e saturazione moderata. Nel modello RGB è composto da 80% di rosso, 50,59% di verde e 53,73% di blu; in stampa CMYK usa 0% di ciano, 36,76% di magenta, 32,84% di giallo e 20% di nero. Il suo angolo di tinta è 353,6°, con 42,37% di saturazione e 65,29% di luminosità in HSL. È un colore caldo, spesso associato a energia, passione e urgenza. I designer lo usano spesso per marchi alimentari e ristoranti, saldi e promozioni e accenti di brand. Il testo nero su questo colore raggiunge un rapporto di contrasto di 7,07:1 (WCAG AAA). Il colore con nome più vicino è Old Rose (#c08081), ΔE 3,36.

Descrizione generata dalle proprietà misurate di questo colore.

HEX
RGB
RGB percentuale
CMY
CMYK
HSL
HSV / HSB
Web-safe#cc9999
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binario
Decimale
Luminanza relativa0.3034

Complementare

  1. #cc8189
  2. #81ccc4

Complementare diviso

  1. #cc8189
  2. #81cc9e
  3. #81aecc

Analogo

  1. #cc81ae
  2. #cc8189
  3. #cc9e81

Triadico

  1. #cc8189
  2. #89cc81
  3. #8189cc

Tetradico

  1. #cc8189
  2. #ccc481
  3. #81ccc4
  4. #8189cc

Quadrato

  1. #cc8189
  2. #aecc81
  3. #81ccc4
  4. #9e81cc

Monocromatico

  1. #80343c
  2. #b64b56
  3. #cc8189
  4. #e2b7bc
  5. #f8eeef

Ombre

#cc8189 miscelato progressivamente con il nero.

  1. #cc8189
  2. #b8747b
  3. #a3676e
  4. #8f5a60
  5. #7a4d52
  6. #664145
  7. #523437
  8. #3d2729
  9. #291a1b
  10. #140d0e
  11. #000000

Tinte

#cc8189 miscelato progressivamente con il bianco.

  1. #cc8189
  2. #d18e95
  3. #d69aa1
  4. #dba7ac
  5. #e0b3b8
  6. #e6c0c4
  7. #ebcdd0
  8. #f0d9dc
  9. #f5e6e7
  10. #faf2f3
  11. #ffffff

Toni

#cc8189 miscelato progressivamente con il grigio.

  1. #cc8189
  2. #c48188
  3. #bd8187
  4. #b58186
  5. #ae8185
  6. #a68185
  7. #9e8084
  8. #978083
  9. #8f8082
  10. #888081
  11. #808080

Testo leggibile 2.97:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 7.07:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #969696 ≈ 0.003% degli uomini
Acromatomalia #ae8e91 ≈ 0.001% degli uomini
Protanopia #8e8d89 ≈ 1.01% degli uomini
Deuteranopia #a09b88 ≈ 1.27% degli uomini
Tritanopia #d97a84 ≈ 0.0001% degli uomini
Protanomalia #aa8889 ≈ 1.08% degli uomini
Deuteranomalia #b49188 ≈ 4.63% degli uomini
Tritanomalia #d47d86 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-cc8189 {
  color: #cc8189;
}
Sfondo
.bg-cc8189 {
  background-color: #cc8189;
  color: #000000;
}
Bordo
.border-cc8189 {
  border: 2px solid #cc8189;
}
Variabili CSS
:root {
  --color-primary: #cc8189;
  --color-primary-rgb: 204 129 137;
  --color-primary-hsl: 354 42% 65%;
}
Sfumatura
.gradient-cc8189 {
  background: linear-gradient(135deg, #cc8189, #cc9e81);
}
Ombra colorata
.shadow-cc8189 {
  box-shadow: 0 8px 24px rgb(204 129 137 / 0.35);
}

#c08081 Old Rose ΔE 3.36 #cc8899 Puce ΔE 4.30 #b57281 Turkish Rose ΔE 6.57 #b76e79 Rose Gold ΔE 6.65 #bc8f8f Rosy Brown ΔE 6.93 #db7093 Pale Violet Red ΔE 7.79 #f08080 Light Coral ΔE 7.98 #337e76 Invertito #969696 Scala di grigi 

Old Rose
#cc8189  rgb(204, 129, 137)  hsl(354, 42%, 65%)  Old Rose
#81ccc4  rgb(129, 204, 196)  hsl(174, 42%, 65%)  Medium Turquoise
#89cc81  rgb(137, 204, 129)  hsl(114, 42%, 65%)  Pistachio
#8189cc  rgb(129, 137, 204)  hsl(234, 42%, 65%)  Glaucous