ColorTool
Accedi
#276C7D

#276c7d ≈ Teal Blue

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

#276c7d è un colore della famiglia «ciano», con luminosità bassa e saturazione moderata. Nel modello RGB è composto da 15,29% di rosso, 42,35% di verde e 49,02% di blu; in stampa CMYK usa 68,8% di ciano, 13,6% di magenta, 0% di giallo e 50,98% di nero. Il suo angolo di tinta è 191,86°, con 52,44% di saturazione e 32,16% 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 5,95:1 (WCAG AA). Il colore con nome più vicino è Teal Blue (#367588), ΔE 3,75.

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

Complementare

  1. #276c7d
  2. #7d3827

Complementare diviso

  1. #276c7d
  2. #7d2741
  3. #7d6327

Analogo

  1. #277d63
  2. #276c7d
  3. #27417d

Triadico

  1. #276c7d
  2. #7d276c
  3. #6c7d27

Tetradico

  1. #276c7d
  2. #38277d
  3. #7d3827
  4. #6c7d27

Quadrato

  1. #276c7d
  2. #63277d
  3. #7d3827
  4. #417d27

Monocromatico

  1. #050d10
  2. #153a43
  3. #276c7d
  4. #399eb7
  5. #6cbdd1

Ombre

#276c7d miscelato progressivamente con il nero.

  1. #276c7d
  2. #236171
  3. #1f5664
  4. #1b4c58
  5. #17414b
  6. #14363f
  7. #102b32
  8. #0c2026
  9. #081619
  10. #040b0d
  11. #000000

Tinte

#276c7d miscelato progressivamente con il bianco.

  1. #276c7d
  2. #3d7b8a
  3. #528997
  4. #6898a4
  5. #7da7b1
  6. #93b6be
  7. #a9c4cb
  8. #bed3d8
  9. #d4e2e5
  10. #e9f0f2
  11. #ffffff

Toni

#276c7d miscelato progressivamente con il grigio.

  1. #276c7d
  2. #306e7d
  3. #39707e
  4. #42727e
  5. #4b747e
  6. #54767f
  7. #5c787f
  8. #657a7f
  9. #6e7c7f
  10. #777e80
  11. #808080

Testo leggibile 5.95:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 3.53:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #646464 ≈ 0.003% degli uomini
Acromatomalia #52676f ≈ 0.001% degli uomini
Protanopia #61697e ≈ 1.01% degli uomini
Deuteranopia #55607d ≈ 1.27% degli uomini
Tritanopia #007271 ≈ 0.0001% degli uomini
Protanomalia #506a7e ≈ 1.08% degli uomini
Deuteranomalia #46657d ≈ 4.63% degli uomini
Tritanomalia #007076 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-276c7d {
  color: #276c7d;
}
Sfondo
.bg-276c7d {
  background-color: #276c7d;
  color: #ffffff;
}
Bordo
.border-276c7d {
  border: 2px solid #276c7d;
}
Variabili CSS
:root {
  --color-primary: #276c7d;
  --color-primary-rgb: 39 108 125;
  --color-primary-hsl: 192 52% 32%;
}
Sfumatura
.gradient-276c7d {
  background: linear-gradient(135deg, #276c7d, #27417d);
}
Ombra colorata
.shadow-276c7d {
  box-shadow: 0 8px 24px rgb(39 108 125 / 0.35);
}

#367588 Teal Blue ΔE 3.75 #006994 Sea Blue ΔE 8.98 #007ba7 Cerulean ΔE 10.00 #317873 Myrtle Green ΔE 10.89 #008080 Teal ΔE 11.35 #004953 Midnight Green ΔE 12.12 #2f4f4f Dark Slate Gray ΔE 12.25 #d89382 Invertito #646464 Scala di grigi 

Teal Blue
#276c7d  rgb(39, 108, 125)  hsl(192, 52%, 32%)  Teal Blue
#7d3827  rgb(125, 56, 39)  hsl(12, 52%, 32%)  Burnt Umber
#7d276c  rgb(125, 39, 108)  hsl(312, 52%, 32%)  Byzantium
#6c7d27  rgb(108, 125, 39)  hsl(72, 52%, 32%)  Avocado