Colore con nome · #B0DD16
Yellowish Green
Yellowish Green è #B0DD16: rgb(176 221 22), hsl(74 82% 48%), oklch(0.835 0.202 123.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Yellowish Green color name →
#B0DD16
oklch(0.835 0.202 123.4)
Conversioni di colore
- HEX
- #b0dd16
- RGB
- rgb(176 221 22)
- HSL
- hsl(74 82% 48%)
- HWB
- hwb(74 9% 13%)
- OKLCH
- oklch(0.835 0.202 123.4)
- OKLab
- oklab(0.835 -0.111 0.169)
- CIE Lab
- lab(82.67 -32.1 77.49)
- LCH
- lch(82.67 83.88 112.5)
- CMYK
- cmyk(20% 0% 90% 13%)
Tinte · Ombre · Toni
Tinte
- B8E147
- BFE564
- C7E97B
- CFEC90
- D6F0A4
- DEF3B7
- E6F6CA
- EFF9DC
- F7FCED
Ombre
- 99C012
- 82A40D
- 6C8809
- 566E06
- 425503
- 2E3D02
- 1C2601
- 0B1100
- 010200
Toni
- ABD436
- A6CA47
- A1C154
- 9CB85E
- 97AF66
- 93A56D
- 8E9C73
- 899378
- 85897C
Armonie di colore
Complementare +180°
- B0DD16
Yellowish Green
- D6B9FF
≈ Pink Illusion
Analogo -30° +30°
- B0DD16
Yellowish Green
- EFC500
≈ Brilliant Impression
- 30ED88
≈ Turquoise Green
Triadico +120° +240°
- B0DD16
Yellowish Green
- 96D0FF
≈ Long Island Sound
- FFAFC2
≈ Baby’s Blanket
Complementare divisa +150° +210°
- B0DD16
Yellowish Green
- B7C6FF
≈ Light Periwinkle
- FFA6EF
≈ Pink Wink
Tetradico +90° +180° +270°
- B0DD16
Yellowish Green
- 2FE0FF
≈ Vaporwave Blue
- D6B9FF
≈ Pink Illusion
- FFB4A2
≈ Nature Apricot
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.59:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.20:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.20:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--yellowish-green: #b0dd16;
--yellowish-green-rgb: 176 221 22;
--yellowish-green-oklch: oklch(0.835 0.202 123.4);
}
.element {
color: var(--yellowish-green);
background-color: hsl(74 82% 48%);
border-color: oklch(0.835 0.202 123.4);
}Tailwind CSS v4
@theme {
--color-yellowish-green: #b0dd16;
--color-yellowish-green-50: #e7ffc1;
--color-yellowish-green-100: #d8f4aa;
--color-yellowish-green-200: #c0e481;
--color-yellowish-green-300: #9fc949;
--color-yellowish-green-400: #88b000;
--color-yellowish-green-500: #6d9800;
--color-yellowish-green-600: #5d8100;
--color-yellowish-green-700: #4a6700;
--color-yellowish-green-800: #394b00;
--color-yellowish-green-900: #273400;
--color-yellowish-green-950: #151f00;
}SCSS
$yellowish-green: #b0dd16;
$yellowish-green-rgb: 176, 221, 22;
$yellowish-green-light: mix(#fff, $yellowish-green, 20%);
$yellowish-green-dark: mix(#000, $yellowish-green, 20%);
.element {
color: $yellowish-green;
box-shadow: 0 0 0 2px rgba($yellowish-green, 0.35);
}