ColorTool
Accedi
#8F2C4A

#8f2c4a ≈ Claret

  • rosa acceso
  • Luminosità: bassa
  • Saturazione: moderata
  • Caldo
Verifica il contrasto Esplora nel grafo Colore casuale

#8f2c4a è un colore della famiglia «rosa acceso», con luminosità bassa e saturazione moderata. Nel modello RGB è composto da 56,08% di rosso, 17,25% di verde e 29,02% di blu; in stampa CMYK usa 0% di ciano, 69,23% di magenta, 48,25% di giallo e 43,92% di nero. Il suo angolo di tinta è 341,82°, con 52,94% di saturazione e 36,67% di luminosità in HSL. È un colore caldo, spesso associato a romanticismo, giocosità e affetto. I designer lo usano spesso per marchi alimentari e ristoranti, saldi e promozioni e accenti di brand. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 7,99:1 (WCAG AAA). Il colore con nome più vicino è Claret (#7f1734), ΔE 5,77.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #8f2c4a
  2. #2c8f71

Complementare diviso

  1. #8f2c4a
  2. #2c8f40
  3. #2c7c8f

Analogo

  1. #8f2c7c
  2. #8f2c4a
  3. #8f402c

Triadico

  1. #8f2c4a
  2. #4a8f2c
  3. #2c4a8f

Tetradico

  1. #8f2c4a
  2. #8f712c
  3. #2c8f71
  4. #2c4a8f

Quadrato

  1. #8f2c4a
  2. #7c8f2c
  3. #2c8f71
  4. #402c8f

Monocromatico

  1. #1a080d
  2. #551a2c
  3. #8f2c4a
  4. #c5436a
  5. #d77d98

Ombre

#8f2c4a miscelato progressivamente con il nero.

  1. #8f2c4a
  2. #812843
  3. #72233b
  4. #641f34
  5. #561a2c
  6. #481625
  7. #39121e
  8. #2b0d16
  9. #1d090f
  10. #0e0407
  11. #000000

Tinte

#8f2c4a miscelato progressivamente con il bianco.

  1. #8f2c4a
  2. #9a415c
  3. #a5566e
  4. #b16b80
  5. #bc8092
  6. #c796a5
  7. #d2abb7
  8. #ddc0c9
  9. #e9d5db
  10. #f4eaed
  11. #ffffff

Toni

#8f2c4a miscelato progressivamente con il grigio.

  1. #8f2c4a
  2. #8e344f
  3. #8c3d55
  4. #8b455a
  5. #894e60
  6. #885665
  7. #865e6a
  8. #856770
  9. #836f75
  10. #82787b
  11. #808080

Testo leggibile 7.99:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 2.63:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #515151 ≈ 0.003% degli uomini
Acromatomalia #6f454e ≈ 0.001% degli uomini
Protanopia #42444b ≈ 1.01% degli uomini
Deuteranopia #5c5848 ≈ 1.27% degli uomini
Tritanopia #9c1d38 ≈ 0.0001% degli uomini
Protanomalia #693c4a ≈ 1.08% degli uomini
Deuteranomalia #744a49 ≈ 4.63% degli uomini
Tritanomalia #972440 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-8f2c4a {
  color: #8f2c4a;
}
Sfondo
.bg-8f2c4a {
  background-color: #8f2c4a;
  color: #ffffff;
}
Bordo
.border-8f2c4a {
  border: 2px solid #8f2c4a;
}
Variabili CSS
:root {
  --color-primary: #8f2c4a;
  --color-primary-rgb: 143 44 74;
  --color-primary-hsl: 342 53% 37%;
}
Sfumatura
.gradient-8f2c4a {
  background: linear-gradient(135deg, #8f2c4a, #8f402c);
}
Ombra colorata
.shadow-8f2c4a {
  box-shadow: 0 8px 24px rgb(143 44 74 / 0.35);
}

#7f1734 Claret ΔE 5.77 #893f45 Cordovan ΔE 6.76 #a50b5e Jazzberry Jam ΔE 7.15 #873260 Boysenberry ΔE 7.47 #722f37 Wine ΔE 7.54 #9f1d35 Vivid Burgundy ΔE 7.88 #78184a Pansy Purple ΔE 8.03 #70d3b5 Invertito #515151 Scala di grigi 

Claret
#8f2c4a  rgb(143, 44, 74)  hsl(342, 53%, 37%)  Claret
#2c8f71  rgb(44, 143, 113)  hsl(162, 53%, 37%)  Viridian
#4a8f2c  rgb(74, 143, 44)  hsl(102, 53%, 37%)  Forest Green
#2c4a8f  rgb(44, 74, 143)  hsl(222, 53%, 37%)  Yale Blue