ColorTool
Accedi
#366E83

#366e83 ≈ Teal Blue

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

#366e83 è un colore della famiglia «azzurro», con luminosità bassa e saturazione moderata. Nel modello RGB è composto da 21,18% di rosso, 43,14% di verde e 51,37% di blu; in stampa CMYK usa 58,78% di ciano, 16,03% di magenta, 0% di giallo e 48,63% di nero. Il suo angolo di tinta è 196,36°, con 41,62% di saturazione e 36,27% 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 accenti di brand. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 5,65:1 (WCAG AA). Il colore con nome più vicino è Teal Blue (#367588), ΔE 2,94.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #366e83
  2. #834b36

Complementare diviso

  1. #366e83
  2. #833647
  3. #837136

Analogo

  1. #368371
  2. #366e83
  3. #364783

Triadico

  1. #366e83
  2. #83366e
  3. #6e8336

Tetradico

  1. #366e83
  2. #4b3683
  3. #834b36
  4. #6e8336

Quadrato

  1. #366e83
  2. #713683
  3. #834b36
  4. #478336

Monocromatico

  1. #091317
  2. #20414d
  3. #366e83
  4. #4f9ab6
  5. #85b9cd

Ombre

#366e83 miscelato progressivamente con il nero.

  1. #366e83
  2. #316376
  3. #2b5869
  4. #264d5c
  5. #20424f
  6. #1b3742
  7. #162c34
  8. #102127
  9. #0b161a
  10. #050b0d
  11. #000000

Tinte

#366e83 miscelato progressivamente con il bianco.

  1. #366e83
  2. #4a7d8f
  3. #5e8b9c
  4. #729aa8
  5. #86a8b5
  6. #9bb7c1
  7. #afc5cd
  8. #c3d4da
  9. #d7e2e6
  10. #ebf1f3
  11. #ffffff

Toni

#366e83 miscelato progressivamente con il grigio.

  1. #366e83
  2. #3d7083
  3. #457282
  4. #4c7382
  5. #547582
  6. #5b7782
  7. #627981
  8. #6a7b81
  9. #717c81
  10. #797e80
  11. #808080

Testo leggibile 5.65:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 3.71:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #676767 ≈ 0.003% degli uomini
Acromatomalia #576a73 ≈ 0.001% degli uomini
Protanopia #626c84 ≈ 1.01% degli uomini
Deuteranopia #576383 ≈ 1.27% degli uomini
Tritanopia #007475 ≈ 0.0001% degli uomini
Protanomalia #546d84 ≈ 1.08% degli uomini
Deuteranomalia #4c6883 ≈ 4.63% degli uomini
Tritanomalia #1b727b ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-366e83 {
  color: #366e83;
}
Sfondo
.bg-366e83 {
  background-color: #366e83;
  color: #ffffff;
}
Bordo
.border-366e83 {
  border: 2px solid #366e83;
}
Variabili CSS
:root {
  --color-primary: #366e83;
  --color-primary-rgb: 54 110 131;
  --color-primary-hsl: 196 42% 36%;
}
Sfumatura
.gradient-366e83 {
  background: linear-gradient(135deg, #366e83, #364783);
}
Ombra colorata
.shadow-366e83 {
  box-shadow: 0 8px 24px rgb(54 110 131 / 0.35);
}

#367588 Teal Blue ΔE 2.94 #006994 Sea Blue ΔE 6.96 #007ba7 Cerulean ΔE 7.85 #436b95 Queen Blue ΔE 9.69 #0067a5 Medium Persian Blue ΔE 10.85 #26619c Lapis Lazuli ΔE 11.79 #0072bb French Blue ΔE 12.01 #c9917c Invertito #676767 Scala di grigi 

Teal Blue
#366e83  rgb(54, 110, 131)  hsl(196, 42%, 36%)  Teal Blue
#834b36  rgb(131, 75, 54)  hsl(16, 42%, 36%)  Chestnut
#83366e  rgb(131, 54, 110)  hsl(316, 42%, 36%)  Boysenberry
#6e8336  rgb(110, 131, 54)  hsl(76, 42%, 36%)  Olive Drab