ColorTool
Accedi
#334045

#334045 ≈ Charcoal

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

#334045 è un colore della famiglia «azzurro», con luminosità bassa e saturazione attenuata. Nel modello RGB è composto da 20% di rosso, 25,1% di verde e 27,06% di blu; in stampa CMYK usa 26,09% di ciano, 7,25% di magenta, 0% di giallo e 72,94% di nero. Il suo angolo di tinta è 196,67°, con 15% di saturazione e 23,53% 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 10,71:1 (WCAG AAA). Il colore con nome più vicino è Charcoal (#36454f), ΔE 3,16.

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

Complementare

  1. #334045
  2. #453833

Complementare diviso

  1. #334045
  2. #453337
  3. #454133

Analogo

  1. #334541
  2. #334045
  3. #333745

Triadico

  1. #334045
  2. #453340
  3. #404533

Tetradico

  1. #334045
  2. #383345
  3. #453833
  4. #404533

Quadrato

  1. #334045
  2. #413345
  3. #453833
  4. #374533

Monocromatico

  1. #090b0c
  2. #121719
  3. #334045
  4. #546971
  5. #77909a

Ombre

#334045 miscelato progressivamente con il nero.

  1. #334045
  2. #2e3a3e
  3. #293337
  4. #242d30
  5. #1f2629
  6. #1a2023
  7. #141a1c
  8. #0f1315
  9. #0a0d0e
  10. #050607
  11. #000000

Tinte

#334045 miscelato progressivamente con il bianco.

  1. #334045
  2. #475358
  3. #5c666a
  4. #70797d
  5. #858c8f
  6. #99a0a2
  7. #adb3b5
  8. #c2c6c7
  9. #d6d9da
  10. #ebecec
  11. #ffffff

Toni

#334045 miscelato progressivamente con il grigio.

  1. #334045
  2. #3b464b
  3. #424d51
  4. #4a5357
  5. #525a5d
  6. #5a6063
  7. #616668
  8. #696d6e
  9. #717374
  10. #787a7a
  11. #808080

Testo leggibile 10.71:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 1.96:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #3e3e3e ≈ 0.003% degli uomini
Acromatomalia #3a3f41 ≈ 0.001% degli uomini
Protanopia #3d3f45 ≈ 1.01% degli uomini
Deuteranopia #3a3d45 ≈ 1.27% degli uomini
Tritanopia #2e4242 ≈ 0.0001% degli uomini
Protanomalia #394045 ≈ 1.08% degli uomini
Deuteranomalia #383e45 ≈ 4.63% degli uomini
Tritanomalia #304143 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-334045 {
  color: #334045;
}
Sfondo
.bg-334045 {
  background-color: #334045;
  color: #ffffff;
}
Bordo
.border-334045 {
  border: 2px solid #334045;
}
Variabili CSS
:root {
  --color-primary: #334045;
  --color-primary-rgb: 51 64 69;
  --color-primary-hsl: 197 15% 24%;
}
Sfumatura
.gradient-334045 {
  background: linear-gradient(135deg, #334045, #333745);
}
Ombra colorata
.shadow-334045 {
  box-shadow: 0 8px 24px rgb(51 64 69 / 0.35);
}

#36454f Charcoal ΔE 3.16 #2a3439 Gunmetal ΔE 3.94 #414a4c Outer Space ΔE 4.09 #353839 Onyx ΔE 5.16 #343434 Jet ΔE 7.24 #3b3c36 Black Olive ΔE 8.10 #2f4f4f Dark Slate Gray ΔE 8.83 #ccbfba Invertito #3e3e3e Scala di grigi 

Charcoal
#334045  rgb(51, 64, 69)  hsl(197, 15%, 24%)  Charcoal
#453833  rgb(69, 56, 51)  hsl(17, 15%, 24%)  Taupe
#453340  rgb(69, 51, 64)  hsl(317, 15%, 24%)  Eggplant
#404533  rgb(64, 69, 51)  hsl(77, 15%, 24%)  Rifle Green