ColorTool
Accedi
#DFF4E3

#dff4e3 ≈ Honeydew

  • verde
  • Luminosità: molto alta
  • Saturazione: attenuata
  • Equilibrato
Verifica il contrasto Esplora nel grafo Colore casuale

#dff4e3 è un colore della famiglia «verde», con luminosità molto alta e saturazione attenuata. Nel modello RGB è composto da 87,45% di rosso, 95,69% di verde e 89,02% di blu; in stampa CMYK usa 8,61% di ciano, 0% di magenta, 6,97% di giallo e 4,31% di nero. Il suo angolo di tinta è 131,43°, con 48,84% di saturazione e 91,57% di luminosità in HSL. Si colloca tra caldo e freddo ed è spesso associato a natura, salute ed equilibrio. I designer lo usano spesso per marchi ecologici, salute e benessere e palette pastello delicate. Il testo nero su questo colore raggiunge un rapporto di contrasto di 18,19:1 (WCAG AAA). Il colore con nome più vicino è Honeydew (#f0fff0), ΔE 3,38.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #dff4e3
  2. #f4dff0

Complementare diviso

  1. #dff4e3
  2. #eedff4
  3. #f4dfe6

Analogo

  1. #e6f4df
  2. #dff4e3
  3. #dff4ee

Triadico

  1. #dff4e3
  2. #e3dff4
  3. #f4e3df

Tetradico

  1. #dff4e3
  2. #dff0f4
  3. #f4dff0
  4. #f4e3df

Quadrato

  1. #dff4e3
  2. #dfe6f4
  3. #f4dff0
  4. #f4eedf

Monocromatico

  1. #6dcd7f
  2. #a6e0b1
  3. #dff4e3
  4. #f0faf2
  5. #f0faf2

Ombre

#dff4e3 miscelato progressivamente con il nero.

  1. #dff4e3
  2. #c9dccc
  3. #b2c3b6
  4. #9cab9f
  5. #869288
  6. #707a72
  7. #59625b
  8. #434944
  9. #2d312d
  10. #161817
  11. #000000

Tinte

#dff4e3 miscelato progressivamente con il bianco.

  1. #dff4e3
  2. #e2f5e6
  3. #e5f6e9
  4. #e9f7eb
  5. #ecf8ee
  6. #effaf1
  7. #f2fbf4
  8. #f5fcf7
  9. #f9fdf9
  10. #fcfefc
  11. #ffffff

Toni

#dff4e3 miscelato progressivamente con il grigio.

  1. #dff4e3
  2. #d6e8d9
  3. #ccddcf
  4. #c3d1c5
  5. #b9c6bb
  6. #b0bab2
  7. #a6aea8
  8. #9da39e
  9. #939794
  10. #8a8c8a
  11. #808080

Testo leggibile 1.15:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 18.19:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #efefef ≈ 0.003% degli uomini
Acromatomalia #e8f1ea ≈ 0.001% degli uomini
Protanopia #f4f0e2 ≈ 1.01% degli uomini
Deuteranopia #f0eee4 ≈ 1.27% degli uomini
Tritanopia #ddf3ef ≈ 0.0001% degli uomini
Protanomalia #ecf2e2 ≈ 1.08% degli uomini
Deuteranomalia #eaf0e3 ≈ 4.63% degli uomini
Tritanomalia #def3ea ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-dff4e3 {
  color: #dff4e3;
}
Sfondo
.bg-dff4e3 {
  background-color: #dff4e3;
  color: #000000;
}
Bordo
.border-dff4e3 {
  border: 2px solid #dff4e3;
}
Variabili CSS
:root {
  --color-primary: #dff4e3;
  --color-primary-rgb: 223 244 227;
  --color-primary-hsl: 131 49% 92%;
}
Sfumatura
.gradient-dff4e3 {
  background: linear-gradient(135deg, #dff4e3, #dff4ee);
}
Ombra colorata
.shadow-dff4e3 {
  box-shadow: 0 8px 24px rgb(223 244 227 / 0.35);
}

#f0fff0 Honeydew ΔE 3.38 #f5fffa Mint Cream ΔE 7.19 #e0ffff Light Cyan ΔE 7.73 #f5f5dc Beige ΔE 8.07 #f0ffff Azure ΔE 8.29 #fffff0 Ivory ΔE 8.69 #ffffe0 Light Yellow ΔE 9.08 #200b1c Invertito #efefef Scala di grigi 

Honeydew
#dff4e3  rgb(223, 244, 227)  hsl(131, 49%, 92%)  Honeydew
#f4dff0  rgb(244, 223, 240)  hsl(311, 49%, 92%)  Languid Lavender
#e3dff4  rgb(227, 223, 244)  hsl(251, 49%, 92%)  Lavender
#f4e3df  rgb(244, 227, 223)  hsl(11, 49%, 92%)  Misty Rose