Nazwany kolor · #B0DD16
Yellowish Green
Yellowish Green to #B0DD16: rgb(176 221 22), hsl(74 82% 48%), oklch(0.835 0.202 123.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Yellowish Green color name →
#B0DD16
oklch(0.835 0.202 123.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B8E147
- BFE564
- C7E97B
- CFEC90
- D6F0A4
- DEF3B7
- E6F6CA
- EFF9DC
- F7FCED
Odcienie ciemniejsze
- 99C012
- 82A40D
- 6C8809
- 566E06
- 425503
- 2E3D02
- 1C2601
- 0B1100
- 010200
Tony
- ABD436
- A6CA47
- A1C154
- 9CB85E
- 97AF66
- 93A56D
- 8E9C73
- 899378
- 85897C
Harmonie kolorów
Komplementarna +180°
- B0DD16
Yellowish Green
- D6B9FF
≈ Pink Illusion
Analogowa -30° +30°
- B0DD16
Yellowish Green
- EFC500
≈ Brilliant Impression
- 30ED88
≈ Turquoise Green
Triada +120° +240°
- B0DD16
Yellowish Green
- 96D0FF
≈ Long Island Sound
- FFAFC2
≈ Baby’s Blanket
Komplementarna rozszczepiona +150° +210°
- B0DD16
Yellowish Green
- B7C6FF
≈ Light Periwinkle
- FFA6EF
≈ Pink Wink
Tetrada +90° +180° +270°
- B0DD16
Yellowish Green
- 2FE0FF
≈ Vaporwave Blue
- D6B9FF
≈ Pink Illusion
- FFB4A2
≈ Nature Apricot
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.59:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.20:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.20:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
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);
}