ColorTool
Accedi
#307C87

#307c87 ≈ Teal Blue

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

#307c87 è un colore della famiglia «ciano», con luminosità bassa e saturazione moderata. Nel modello RGB è composto da 18,82% di rosso, 48,63% di verde e 52,94% di blu; in stampa CMYK usa 64,44% di ciano, 8,15% di magenta, 0% di giallo e 47,06% di nero. Il suo angolo di tinta è 187,59°, con 47,54% di saturazione e 35,88% 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 accenti di brand. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 4,82:1 (WCAG AA). Il colore con nome più vicino è Teal Blue (#367588), ΔE 5,04.

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

Complementare

  1. #307c87
  2. #873b30

Complementare diviso

  1. #307c87
  2. #873050
  3. #876630

Analogo

  1. #308766
  2. #307c87
  3. #305087

Triadico

  1. #307c87
  2. #87307c
  3. #7c8730

Tetradico

  1. #307c87
  2. #3b3087
  3. #873b30
  4. #7c8730

Quadrato

  1. #307c87
  2. #663087
  3. #873b30
  4. #508730

Monocromatico

  1. #081416
  2. #1c484f
  3. #307c87
  4. #46aebd
  5. #7fc7d1

Ombre

#307c87 miscelato progressivamente con il nero.

  1. #307c87
  2. #2b707a
  3. #26636c
  4. #22575f
  5. #1d4a51
  6. #183e44
  7. #133236
  8. #0e2529
  9. #0a191b
  10. #050c0e
  11. #000000

Tinte

#307c87 miscelato progressivamente con il bianco.

  1. #307c87
  2. #458993
  3. #59969f
  4. #6ea3ab
  5. #83b0b7
  6. #98bec3
  7. #accbcf
  8. #c1d8db
  9. #d6e5e7
  10. #eaf2f3
  11. #ffffff

Toni

#307c87 miscelato progressivamente con il grigio.

  1. #307c87
  2. #387c86
  3. #407d86
  4. #487d85
  5. #507e84
  6. #587e84
  7. #607e83
  8. #687f82
  9. #707f81
  10. #788081
  11. #808080

Testo leggibile 4.82:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 4.36:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #727272 ≈ 0.003% degli uomini
Acromatomalia #5e767b ≈ 0.001% degli uomini
Protanopia #727788 ≈ 1.01% degli uomini
Deuteranopia #656e87 ≈ 1.27% degli uomini
Tritanopia #00817f ≈ 0.0001% degli uomini
Protanomalia #5e7987 ≈ 1.08% degli uomini
Deuteranomalia #547487 ≈ 4.63% degli uomini
Tritanomalia #007f82 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-307c87 {
  color: #307c87;
}
Sfondo
.bg-307c87 {
  background-color: #307c87;
  color: #ffffff;
}
Bordo
.border-307c87 {
  border: 2px solid #307c87;
}
Variabili CSS
:root {
  --color-primary: #307c87;
  --color-primary-rgb: 48 124 135;
  --color-primary-hsl: 188 48% 36%;
}
Sfumatura
.gradient-307c87 {
  background: linear-gradient(135deg, #307c87, #305087);
}
Ombra colorata
.shadow-307c87 {
  box-shadow: 0 8px 24px rgb(48 124 135 / 0.35);
}

#367588 Teal Blue ΔE 5.04 #008080 Teal ΔE 6.41 #317873 Myrtle Green ΔE 7.30 #008b8b Dark Cyan ΔE 8.09 #01796f Pine Green ΔE 10.35 #007ba7 Cerulean ΔE 11.17 #0095b6 Bondi Blue ΔE 11.26 #cf8378 Invertito #727272 Scala di grigi 

Teal Blue
#307c87  rgb(48, 124, 135)  hsl(188, 48%, 36%)  Teal Blue
#873b30  rgb(135, 59, 48)  hsl(8, 48%, 36%)  Burnt Umber
#87307c  rgb(135, 48, 124)  hsl(308, 48%, 36%)  Deep Plum
#7c8730  rgb(124, 135, 48)  hsl(68, 48%, 36%)  Olive Drab