ColorTool
Accedi
#DEE54E

#dee54e ≈ Pear

  • giallo
  • Luminosità: media
  • Saturazione: forte
  • Caldo
Verifica il contrasto Esplora nel grafo Colore casuale

#dee54e è un colore della famiglia «giallo», con luminosità media e saturazione forte. Nel modello RGB è composto da 87,06% di rosso, 89,8% di verde e 30,59% di blu; in stampa CMYK usa 3,06% di ciano, 0% di magenta, 65,94% di giallo e 10,2% di nero. Il suo angolo di tinta è 62,78°, con 74,38% di saturazione e 60,2% di luminosità in HSL. È un colore caldo, spesso associato a ottimismo, attenzione e gioia. I designer lo usano spesso per evidenziazioni e avvisi, prodotti per bambini e accenti di brand. Il testo nero su questo colore raggiunge un rapporto di contrasto di 15,42:1 (WCAG AAA). Il colore con nome più vicino è Pear (#d1e231), ΔE 2,68.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #dee54e
  2. #554ee5

Complementare diviso

  1. #dee54e
  2. #4e93e5
  3. #a14ee5

Analogo

  1. #e5a14e
  2. #dee54e
  3. #93e54e

Triadico

  1. #dee54e
  2. #4edee5
  3. #e54ede

Tetradico

  1. #dee54e
  2. #4ee555
  3. #554ee5
  4. #e54ede

Quadrato

  1. #dee54e
  2. #4ee5a1
  3. #554ee5
  4. #e54e93

Monocromatico

  1. #818614
  2. #c1c91e
  3. #dee54e
  4. #eaef91
  5. #f7f9d3

Ombre

#dee54e miscelato progressivamente con il nero.

  1. #dee54e
  2. #c8ce46
  3. #b2b73e
  4. #9ba037
  5. #85892f
  6. #6f7327
  7. #595c1f
  8. #434517
  9. #2c2e10
  10. #161708
  11. #000000

Tinte

#dee54e miscelato progressivamente con il bianco.

  1. #dee54e
  2. #e1e860
  3. #e5ea71
  4. #e8ed83
  5. #ebef95
  6. #eff2a7
  7. #f2f5b8
  8. #f5f7ca
  9. #f8fadc
  10. #fcfced
  11. #ffffff

Toni

#dee54e miscelato progressivamente con il grigio.

  1. #dee54e
  2. #d5db53
  3. #cbd158
  4. #c2c75d
  5. #b8bd62
  6. #afb367
  7. #a6a86c
  8. #9c9e71
  9. #939476
  10. #898a7b
  11. #808080

Testo leggibile 1.36:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 15.42:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #dddddd ≈ 0.003% degli uomini
Acromatomalia #dde0b5 ≈ 0.001% degli uomini
Protanopia #f6db38 ≈ 1.01% degli uomini
Deuteranopia #f6df59 ≈ 1.27% degli uomini
Tritanopia #edd8c7 ≈ 0.0001% degli uomini
Protanomalia #eddf42 ≈ 1.08% degli uomini
Deuteranomalia #ede155 ≈ 4.63% degli uomini
Tritanomalia #e7dda4 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-dee54e {
  color: #dee54e;
}
Sfondo
.bg-dee54e {
  background-color: #dee54e;
  color: #000000;
}
Bordo
.border-dee54e {
  border: 2px solid #dee54e;
}
Variabili CSS
:root {
  --color-primary: #dee54e;
  --color-primary-rgb: 222 229 78;
  --color-primary-hsl: 63 74% 60%;
}
Sfumatura
.gradient-dee54e {
  background: linear-gradient(135deg, #dee54e, #93e54e);
}
Ombra colorata
.shadow-dee54e {
  box-shadow: 0 8px 24px rgb(222 229 78 / 0.35);
}

#d1e231 Pear ΔE 2.68 #fcf75e Icterine ΔE 5.08 #eee600 Titanium Yellow ΔE 5.66 #f0e130 Dandelion ΔE 5.77 #ffff66 Laser Lemon ΔE 5.95 #e4d96f Straw ΔE 6.29 #bdda57 June Bud ΔE 6.60 #211ab1 Invertito #dddddd Scala di grigi 

Pear
#dee54e  rgb(222, 229, 78)  hsl(63, 74%, 60%)  Pear
#554ee5  rgb(85, 78, 229)  hsl(243, 74%, 60%)  Majorelle Blue
#4edee5  rgb(78, 222, 229)  hsl(183, 74%, 60%)  Dark Turquoise
#e54ede  rgb(229, 78, 222)  hsl(303, 74%, 60%)  Fuchsia