ColorTool
Accedi
#20333F

#20333f ≈ Gunmetal

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

#20333f è un colore della famiglia «azzurro», con luminosità molto bassa e saturazione attenuata. Nel modello RGB è composto da 12,55% di rosso, 20% di verde e 24,71% di blu; in stampa CMYK usa 49,21% di ciano, 19,05% di magenta, 0% di giallo e 75,29% di nero. Il suo angolo di tinta è 203,23°, con 32,63% di saturazione e 18,63% 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 marchi di lusso. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 13,07:1 (WCAG AAA). Il colore con nome più vicino è Gunmetal (#2a3439), ΔE 4,11.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #20333f
  2. #3f2c20

Complementare diviso

  1. #20333f
  2. #3f2024
  3. #3f3c20

Analogo

  1. #203f3c
  2. #20333f
  3. #20243f

Triadico

  1. #20333f
  2. #3f2033
  3. #333f20

Tetradico

  1. #20333f
  2. #2c203f
  3. #3f2c20
  4. #333f20

Quadrato

  1. #20333f
  2. #3c203f
  3. #3f2c20
  4. #243f20

Monocromatico

  1. #070b0e
  2. #070b0e
  3. #20333f
  4. #3a5c72
  5. #5485a4

Ombre

#20333f miscelato progressivamente con il nero.

  1. #20333f
  2. #1d2e39
  3. #1a2932
  4. #16242c
  5. #131f26
  6. #101a20
  7. #0d1419
  8. #0a0f13
  9. #060a0d
  10. #030506
  11. #000000

Tinte

#20333f miscelato progressivamente con il bianco.

  1. #20333f
  2. #364752
  3. #4d5c65
  4. #637079
  5. #79858c
  6. #90999f
  7. #a6adb2
  8. #bcc2c5
  9. #d2d6d9
  10. #e9ebec
  11. #ffffff

Toni

#20333f miscelato progressivamente con il grigio.

  1. #20333f
  2. #2a3b46
  3. #33424c
  4. #3d4a53
  5. #465259
  6. #505a60
  7. #5a6166
  8. #63696d
  9. #6d7173
  10. #76787a
  11. #808080

Testo leggibile 13.07:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 1.61:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #313131 ≈ 0.003% degli uomini
Acromatomalia #2b3237 ≈ 0.001% degli uomini
Protanopia #2e3340 ≈ 1.01% degli uomini
Deuteranopia #292f3f ≈ 1.27% degli uomini
Tritanopia #133637 ≈ 0.0001% degli uomini
Protanomalia #29333f ≈ 1.08% degli uomini
Deuteranomalia #26313f ≈ 4.63% degli uomini
Tritanomalia #19353a ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-20333f {
  color: #20333f;
}
Sfondo
.bg-20333f {
  background-color: #20333f;
  color: #ffffff;
}
Bordo
.border-20333f {
  border: 2px solid #20333f;
}
Variabili CSS
:root {
  --color-primary: #20333f;
  --color-primary-rgb: 32 51 63;
  --color-primary-hsl: 203 33% 19%;
}
Sfumatura
.gradient-20333f {
  background: linear-gradient(135deg, #20333f, #20243f);
}
Ombra colorata
.shadow-20333f {
  box-shadow: 0 8px 24px rgb(32 51 63 / 0.35);
}

#2a3439 Gunmetal ΔE 4.11 #36454f Charcoal ΔE 6.13 #353839 Onyx ΔE 7.89 #003153 Prussian Blue ΔE 8.71 #343434 Jet ΔE 9.18 #414a4c Outer Space ΔE 9.70 #191970 Midnight Blue ΔE 11.25 #dfccc0 Invertito #313131 Scala di grigi 

Gunmetal
#20333f  rgb(32, 51, 63)  hsl(203, 33%, 19%)  Gunmetal
#3f2c20  rgb(63, 44, 32)  hsl(23, 33%, 19%)  Bistre
#3f2033  rgb(63, 32, 51)  hsl(323, 33%, 19%)  Eggplant
#333f20  rgb(51, 63, 32)  hsl(83, 33%, 19%)  Rifle Green