ColorTool
Accedi
#3FBABE

#3fbabe ≈ Verdigris

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

#3fbabe è un colore della famiglia «ciano», con luminosità media e saturazione moderata. Nel modello RGB è composto da 24,71% di rosso, 72,94% di verde e 74,51% di blu; in stampa CMYK usa 66,84% di ciano, 2,11% di magenta, 0% di giallo e 25,49% di nero. Il suo angolo di tinta è 181,89°, con 50,2% di saturazione e 49,61% 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 nero su questo colore raggiunge un rapporto di contrasto di 8,98:1 (WCAG AAA). Il colore con nome più vicino è Verdigris (#43b3ae), ΔE 3,92.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #3fbabe
  2. #be433f

Complementare diviso

  1. #3fbabe
  2. #be3f7b
  3. #be833f

Analogo

  1. #3fbe83
  2. #3fbabe
  3. #3f7bbe

Triadico

  1. #3fbabe
  2. #be3fba
  3. #babe3f

Tetradico

  1. #3fbabe
  2. #433fbe
  3. #be433f
  4. #babe3f

Quadrato

  1. #3fbabe
  2. #833fbe
  3. #be433f
  4. #7bbe3f

Monocromatico

  1. #194a4b
  2. #2c8285
  3. #3fbabe
  4. #77cfd2
  5. #b1e3e5

Ombre

#3fbabe miscelato progressivamente con il nero.

  1. #3fbabe
  2. #39a7ab
  3. #329598
  4. #2c8285
  5. #267072
  6. #205d5f
  7. #194a4c
  8. #133839
  9. #0d2526
  10. #061313
  11. #000000

Tinte

#3fbabe miscelato progressivamente con il bianco.

  1. #3fbabe
  2. #52c1c5
  3. #65c8cb
  4. #79cfd2
  5. #8cd6d8
  6. #9fdddf
  7. #b2e3e5
  8. #c5eaec
  9. #d9f1f2
  10. #ecf8f9
  11. #ffffff

Toni

#3fbabe miscelato progressivamente con il grigio.

  1. #3fbabe
  2. #46b4b8
  3. #4caeb2
  4. #53a9ab
  5. #59a3a5
  6. #609d9f
  7. #669799
  8. #6d9193
  9. #738c8c
  10. #7a8686
  11. #808080

Testo leggibile 2.34:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 8.98:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #a9a9a9 ≈ 0.003% degli uomini
Acromatomalia #8bb0b2 ≈ 0.001% degli uomini
Protanopia #adb2be ≈ 1.01% degli uomini
Deuteranopia #9aa3bf ≈ 1.27% degli uomini
Tritanopia #00c0bb ≈ 0.0001% degli uomini
Protanomalia #8eb5be ≈ 1.08% degli uomini
Deuteranomalia #7fadbe ≈ 4.63% degli uomini
Tritanomalia #00bebc ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-3fbabe {
  color: #3fbabe;
}
Sfondo
.bg-3fbabe {
  background-color: #3fbabe;
  color: #000000;
}
Bordo
.border-3fbabe {
  border: 2px solid #3fbabe;
}
Variabili CSS
:root {
  --color-primary: #3fbabe;
  --color-primary-rgb: 63 186 190;
  --color-primary-hsl: 182 50% 50%;
}
Sfumatura
.gradient-3fbabe {
  background: linear-gradient(135deg, #3fbabe, #3f7bbe);
}
Ombra colorata
.shadow-3fbabe {
  box-shadow: 0 8px 24px rgb(63 186 190 / 0.35);
}

#43b3ae Verdigris ΔE 3.92 #0abab5 Tiffany Blue ΔE 4.19 #00cccc Robin Egg Blue ΔE 5.27 #00ced1 Dark Turquoise ΔE 5.45 #20b2aa Light Sea Green ΔE 5.56 #48d1cc Medium Turquoise ΔE 6.67 #5f9ea0 Cadet Blue ΔE 9.04 #c04541 Invertito #a9a9a9 Scala di grigi 

Verdigris
#3fbabe  rgb(63, 186, 190)  hsl(182, 50%, 50%)  Verdigris
#be433f  rgb(190, 67, 63)  hsl(2, 50%, 50%)  Persian Red
#be3fba  rgb(190, 63, 186)  hsl(302, 50%, 50%)  Medium Orchid
#babe3f  rgb(186, 190, 63)  hsl(62, 50%, 50%)  Dark Khaki