ColorTool
Accedi
#363F3D

#363f3d ≈ Onyx

  • grigio
  • Luminosità: bassa
  • Saturazione: quasi nulla
  • Neutro
Verifica il contrasto Esplora nel grafo Colore casuale

#363f3d è un colore della famiglia «grigio», con luminosità bassa e saturazione quasi nulla. Nel modello RGB è composto da 21,18% di rosso, 24,71% di verde e 23,92% di blu; in stampa CMYK usa 14,29% di ciano, 0% di magenta, 3,17% di giallo e 75,29% di nero. Il suo angolo di tinta è 166,67°, con 7,69% di saturazione e 22,94% di luminosità in HSL. È un colore neutro, spesso associato a neutralità, equilibrio e professionalità. I designer lo usano spesso per testo e tipografia e identità aziendali. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 10,85:1 (WCAG AAA). Il colore con nome più vicino è Onyx (#353839), ΔE 4,56.

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.0468

Complementare

  1. #363f3d
  2. #3f3638

Complementare diviso

  1. #363f3d
  2. #3f363c
  3. #3f3836

Analogo

  1. #363f38
  2. #363f3d
  3. #363c3f

Triadico

  1. #363f3d
  2. #3d363f
  3. #3f3d36

Tetradico

  1. #363f3d
  2. #36383f
  3. #3f3638
  4. #3f3d36

Quadrato

  1. #363f3d
  2. #38363f
  3. #3f3638
  4. #3c3f36

Monocromatico

  1. #090b0b
  2. #131615
  3. #363f3d
  4. #596865
  5. #7e908c

Ombre

#363f3d miscelato progressivamente con il nero.

  1. #363f3d
  2. #313937
  3. #2b3231
  4. #262c2b
  5. #202625
  6. #1b201f
  7. #161918
  8. #101312
  9. #0b0d0c
  10. #050606
  11. #000000

Tinte

#363f3d miscelato progressivamente con il bianco.

  1. #363f3d
  2. #4a5250
  3. #5e6564
  4. #727977
  5. #868c8b
  6. #9b9f9e
  7. #afb2b1
  8. #c3c5c5
  9. #d7d9d8
  10. #ebecec
  11. #ffffff

Toni

#363f3d miscelato progressivamente con il grigio.

  1. #363f3d
  2. #3d4644
  3. #454c4a
  4. #4c5351
  5. #545958
  6. #5b605f
  7. #626665
  8. #6a6d6c
  9. #717373
  10. #797a79
  11. #808080

Testo leggibile 10.85:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 1.94:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #3d3d3d ≈ 0.003% degli uomini
Acromatomalia #3a3e3d ≈ 0.001% degli uomini
Protanopia #3e3e3d ≈ 1.01% degli uomini
Deuteranopia #3c3d3d ≈ 1.27% degli uomini
Tritanopia #343f3e ≈ 0.0001% degli uomini
Protanomalia #3b3e3d ≈ 1.08% degli uomini
Deuteranomalia #3a3e3d ≈ 4.63% degli uomini
Tritanomalia #353f3e ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-363f3d {
  color: #363f3d;
}
Sfondo
.bg-363f3d {
  background-color: #363f3d;
  color: #ffffff;
}
Bordo
.border-363f3d {
  border: 2px solid #363f3d;
}
Variabili CSS
:root {
  --color-primary: #363f3d;
  --color-primary-rgb: 54 63 61;
  --color-primary-hsl: 167 8% 23%;
}
Sfumatura
.gradient-363f3d {
  background: linear-gradient(135deg, #363f3d, #363c3f);
}
Ombra colorata
.shadow-363f3d {
  box-shadow: 0 8px 24px rgb(54 63 61 / 0.35);
}

#353839 Onyx ΔE 4.56 #414a4c Outer Space ΔE 4.57 #3b3c36 Black Olive ΔE 4.61 #2a3439 Gunmetal ΔE 5.66 #343434 Jet ΔE 6.25 #36454f Charcoal ΔE 7.18 #2f4f4f Dark Slate Gray ΔE 8.79 #c9c0c2 Invertito #3d3d3d Scala di grigi 

Onyx
#363f3d  rgb(54, 63, 61)  hsl(167, 8%, 23%)  Onyx
#3f3638  rgb(63, 54, 56)  hsl(347, 8%, 23%)  Jet
#3d363f  rgb(61, 54, 63)  hsl(287, 8%, 23%)  Jet
#3f3d36  rgb(63, 61, 54)  hsl(47, 8%, 23%)  Black Olive