ColorTool
Accedi
#324A55

#324a55 ≈ Charcoal

  • azzurro
  • Luminosità: bassa
  • Saturazione: attenuata
  • Freddo
Verifica il contrasto Esplora nel grafo Colore casuale

#324a55 è un colore della famiglia «azzurro», con luminosità bassa e saturazione attenuata. Nel modello RGB è composto da 19,61% di rosso, 29,02% di verde e 33,33% di blu; in stampa CMYK usa 41,18% di ciano, 12,94% di magenta, 0% di giallo e 66,67% di nero. Il suo angolo di tinta è 198,86°, con 25,93% di saturazione e 26,47% di luminosità in HSL. È un colore freddo, spesso associato a apertura, libertà e calma. I designer lo usano spesso per prodotti tecnologici, finanza e banche e identità aziendali. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 9,35:1 (WCAG AAA). Il colore con nome più vicino è Charcoal (#36454f), ΔE 3,27.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #324a55
  2. #553d32

Complementare diviso

  1. #324a55
  2. #553238
  3. #554f32

Analogo

  1. #32554f
  2. #324a55
  3. #323855

Triadico

  1. #324a55
  2. #55324a
  3. #4a5532

Tetradico

  1. #324a55
  2. #3d3255
  3. #553d32
  4. #4a5532

Quadrato

  1. #324a55
  2. #4f3255
  3. #553d32
  4. #385532

Monocromatico

  1. #080b0d
  2. #162025
  3. #324a55
  4. #4e7485
  5. #739bad

Ombre

#324a55 miscelato progressivamente con il nero.

  1. #324a55
  2. #2d434d
  3. #283b44
  4. #23343c
  5. #1e2c33
  6. #19252b
  7. #141e22
  8. #0f161a
  9. #0a0f11
  10. #050709
  11. #000000

Tinte

#324a55 miscelato progressivamente con il bianco.

  1. #324a55
  2. #475c66
  3. #5b6e77
  4. #708088
  5. #849299
  6. #99a5aa
  7. #adb7bb
  8. #c2c9cc
  9. #d6dbdd
  10. #ebedee
  11. #ffffff

Toni

#324a55 miscelato progressivamente con il grigio.

  1. #324a55
  2. #3a4f59
  3. #42555e
  4. #495a62
  5. #516066
  6. #59656b
  7. #616a6f
  8. #697073
  9. #707577
  10. #787b7c
  11. #808080

Testo leggibile 9.35:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 2.25:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #474747 ≈ 0.003% degli uomini
Acromatomalia #3f484d ≈ 0.001% degli uomini
Protanopia #444956 ≈ 1.01% degli uomini
Deuteranopia #3f4555 ≈ 1.27% degli uomini
Tritanopia #254d4d ≈ 0.0001% degli uomini
Protanomalia #3e4955 ≈ 1.08% degli uomini
Deuteranomalia #3a4755 ≈ 4.63% degli uomini
Tritanomalia #2b4c51 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-324a55 {
  color: #324a55;
}
Sfondo
.bg-324a55 {
  background-color: #324a55;
  color: #ffffff;
}
Bordo
.border-324a55 {
  border: 2px solid #324a55;
}
Variabili CSS
:root {
  --color-primary: #324a55;
  --color-primary-rgb: 50 74 85;
  --color-primary-hsl: 199 26% 26%;
}
Sfumatura
.gradient-324a55 {
  background: linear-gradient(135deg, #324a55, #323855);
}
Ombra colorata
.shadow-324a55 {
  box-shadow: 0 8px 24px rgb(50 74 85 / 0.35);
}

#36454f Charcoal ΔE 3.27 #414a4c Outer Space ΔE 5.98 #2f4f4f Dark Slate Gray ΔE 7.67 #2f4f4f Dark Slate Grey ΔE 7.67 #2a3439 Gunmetal ΔE 8.12 #004953 Midnight Green ΔE 8.32 #353839 Onyx ΔE 9.75 #cdb5aa Invertito #474747 Scala di grigi 

Charcoal
#324a55  rgb(50, 74, 85)  hsl(199, 26%, 26%)  Charcoal
#553d32  rgb(85, 61, 50)  hsl(19, 26%, 26%)  Taupe
#55324a  rgb(85, 50, 74)  hsl(319, 26%, 26%)  Eggplant
#4a5532  rgb(74, 85, 50)  hsl(79, 26%, 26%)  Army Green