ColorTool
Accedi
#B0DC77

#b0dc77 ≈ Inchworm

  • giallo-verde
  • Luminosità: alta
  • Saturazione: moderata
  • Equilibrato
Verifica il contrasto Esplora nel grafo Colore casuale

#b0dc77 è un colore della famiglia «giallo-verde», con luminosità alta e saturazione moderata. Nel modello RGB è composto da 69,02% di rosso, 86,27% di verde e 46,67% di blu; in stampa CMYK usa 20% di ciano, 0% di magenta, 45,91% di giallo e 13,73% di nero. Il suo angolo di tinta è 86,14°, con 59,06% di saturazione e 66,47% di luminosità in HSL. Si colloca tra caldo e freddo ed è spesso associato a freschezza, crescita e vitalità. I designer lo usano spesso per marchi ecologici, salute e benessere e accenti di brand. Il testo nero su questo colore raggiunge un rapporto di contrasto di 13,35:1 (WCAG AAA). Il colore con nome più vicino è Inchworm (#b2ec5d), ΔE 5,77.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #b0dc77
  2. #a377dc

Complementare diviso

  1. #b0dc77
  2. #777ddc
  3. #d577dc

Analogo

  1. #dcd577
  2. #b0dc77
  3. #7ddc77

Triadico

  1. #b0dc77
  2. #77b0dc
  3. #dc77b0

Tetradico

  1. #b0dc77
  2. #77dca3
  3. #a377dc
  4. #dc77b0

Quadrato

  1. #b0dc77
  2. #77dcd5
  3. #a377dc
  4. #dc777d

Monocromatico

  1. #649426
  2. #8dcc3a
  3. #b0dc77
  4. #d3ecb4
  5. #f6fbef

Ombre

#b0dc77 miscelato progressivamente con il nero.

  1. #b0dc77
  2. #9ec66b
  3. #8db05f
  4. #7b9a53
  5. #6a8447
  6. #586e3c
  7. #465830
  8. #354224
  9. #232c18
  10. #12160c
  11. #000000

Tinte

#b0dc77 miscelato progressivamente con il bianco.

  1. #b0dc77
  2. #b8e085
  3. #c0e392
  4. #c8e7a0
  5. #d0eaad
  6. #d8eebb
  7. #dff1c9
  8. #e7f5d6
  9. #eff8e4
  10. #f7fcf1
  11. #ffffff

Toni

#b0dc77 miscelato progressivamente con il grigio.

  1. #b0dc77
  2. #abd378
  3. #a6ca79
  4. #a2c07a
  5. #9db77b
  6. #98ae7c
  7. #93a57c
  8. #8e9c7d
  9. #8a927e
  10. #85897f
  11. #808080

Testo leggibile 1.57:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 13.35:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #cecece ≈ 0.003% degli uomini
Acromatomalia #c3d4b2 ≈ 0.001% degli uomini
Protanopia #e5d06f ≈ 1.01% degli uomini
Deuteranopia #decd7d ≈ 1.27% degli uomini
Tritanopia #b4d4c4 ≈ 0.0001% degli uomini
Protanomalia #d2d572 ≈ 1.08% degli uomini
Deuteranomalia #cdd37b ≈ 4.63% degli uomini
Tritanomalia #b2d7ab ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-b0dc77 {
  color: #b0dc77;
}
Sfondo
.bg-b0dc77 {
  background-color: #b0dc77;
  color: #000000;
}
Bordo
.border-b0dc77 {
  border: 2px solid #b0dc77;
}
Variabili CSS
:root {
  --color-primary: #b0dc77;
  --color-primary-rgb: 176 220 119;
  --color-primary-hsl: 86 59% 66%;
}
Sfumatura
.gradient-b0dc77 {
  background: linear-gradient(135deg, #b0dc77, #7ddc77);
}
Ombra colorata
.shadow-b0dc77 {
  box-shadow: 0 8px 24px rgb(176 220 119 / 0.35);
}

#b2ec5d Inchworm ΔE 5.77 #bdda57 June Bud ΔE 5.85 #93c572 Pistachio ΔE 6.78 #9acd32 Yellow Green ΔE 7.57 #a8e4a0 Granny Smith Apple ΔE 7.67 #90ee90 Light Green ΔE 8.36 #77dd77 Pastel Green ΔE 8.39 #4f2388 Invertito #cecece Scala di grigi 

Inchworm
#b0dc77  rgb(176, 220, 119)  hsl(86, 59%, 66%)  Inchworm
#a377dc  rgb(163, 119, 220)  hsl(266, 59%, 66%)  Medium Purple
#77b0dc  rgb(119, 176, 220)  hsl(206, 59%, 66%)  Iceberg
#dc77b0  rgb(220, 119, 176)  hsl(326, 59%, 66%)  Sky Magenta