ColorTool
Accedi
#227B7F

#227b7f ≈ Teal

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

#227b7f è un colore della famiglia «ciano», con luminosità bassa e saturazione moderata. Nel modello RGB è composto da 13,33% di rosso, 48,24% di verde e 49,8% di blu; in stampa CMYK usa 73,23% di ciano, 3,15% di magenta, 0% di giallo e 50,2% di nero. Il suo angolo di tinta è 182,58°, con 57,76% di saturazione e 31,57% di luminosità in HSL. È un colore freddo, spesso associato a freschezza, tecnologia e chiarezza. I designer lo usano spesso per salute e benessere, prodotti tecnologici e identità aziendali. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 4,99:1 (WCAG AA). Il colore con nome più vicino è Teal (#008080), ΔE 3,07.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #227b7f
  2. #7f2622

Complementare diviso

  1. #227b7f
  2. #7f224d
  3. #7f5522

Analogo

  1. #227f55
  2. #227b7f
  3. #224d7f

Triadico

  1. #227b7f
  2. #7f227b
  3. #7b7f22

Tetradico

  1. #227b7f
  2. #26227f
  3. #7f2622
  4. #7b7f22

Quadrato

  1. #227b7f
  2. #55227f
  3. #7f2622
  4. #4d7f22

Monocromatico

  1. #041010
  2. #124143
  3. #227b7f
  4. #32b5bb
  5. #64d1d6

Ombre

#227b7f miscelato progressivamente con il nero.

  1. #227b7f
  2. #1f6f72
  3. #1b6266
  4. #185659
  5. #144a4c
  6. #113e40
  7. #0e3133
  8. #0a2526
  9. #071919
  10. #030c0d
  11. #000000

Tinte

#227b7f miscelato progressivamente con il bianco.

  1. #227b7f
  2. #38888c
  3. #4e9599
  4. #64a3a5
  5. #7ab0b2
  6. #91bdbf
  7. #a7cacc
  8. #bdd7d9
  9. #d3e5e5
  10. #e9f2f2
  11. #ffffff

Toni

#227b7f miscelato progressivamente con il grigio.

  1. #227b7f
  2. #2b7c7f
  3. #357c7f
  4. #3e7d7f
  5. #487d7f
  6. #517e80
  7. #5a7e80
  8. #647f80
  9. #6d7f80
  10. #778080
  11. #808080

Testo leggibile 4.99:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 4.21:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #6f6f6f ≈ 0.003% degli uomini
Acromatomalia #5a7476 ≈ 0.001% degli uomini
Protanopia #72757f ≈ 1.01% degli uomini
Deuteranopia #646b7f ≈ 1.27% degli uomini
Tritanopia #00807c ≈ 0.0001% degli uomini
Protanomalia #5c787f ≈ 1.08% degli uomini
Deuteranomalia #51727f ≈ 4.63% degli uomini
Tritanomalia #007e7d ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-227b7f {
  color: #227b7f;
}
Sfondo
.bg-227b7f {
  background-color: #227b7f;
  color: #ffffff;
}
Bordo
.border-227b7f {
  border: 2px solid #227b7f;
}
Variabili CSS
:root {
  --color-primary: #227b7f;
  --color-primary-rgb: 34 123 127;
  --color-primary-hsl: 183 58% 32%;
}
Sfumatura
.gradient-227b7f {
  background: linear-gradient(135deg, #227b7f, #224d7f);
}
Ombra colorata
.shadow-227b7f {
  box-shadow: 0 8px 24px rgb(34 123 127 / 0.35);
}

#008080 Teal ΔE 3.07 #317873 Myrtle Green ΔE 4.07 #008b8b Dark Cyan ΔE 6.22 #01796f Pine Green ΔE 6.60 #367588 Teal Blue ΔE 8.32 #40826d Viridian ΔE 10.85 #00755e Tropical Rain Forest ΔE 11.86 #dd8480 Invertito #6f6f6f Scala di grigi 

Teal
#227b7f  rgb(34, 123, 127)  hsl(183, 58%, 32%)  Teal
#7f2622  rgb(127, 38, 34)  hsl(3, 58%, 32%)  Falu Red
#7f227b  rgb(127, 34, 123)  hsl(303, 58%, 32%)  Mardi Gras
#7b7f22  rgb(123, 127, 34)  hsl(63, 58%, 32%)  Olive