Nazwany kolor · #DEDD98
Bored Accent Green
Bored Accent Green to #DEDD98: rgb(222 221 152), hsl(59 51% 73%), oklch(0.882 0.089 107.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Bored Accent Green color name →
#DEDD98
oklch(0.882 0.089 107.4)
Konwersje koloru
- HEX
- #dedd98
- RGB
- rgb(222 221 152)
- HSL
- hsl(59 51% 73%)
- HWB
- hwb(59 60% 13%)
- OKLCH
- oklch(0.882 0.089 107.4)
- OKLab
- oklab(0.882 -0.027 0.085)
- CIE Lab
- lab(86.99 -7.35 34.1)
- LCH
- lch(86.99 34.89 102.2)
- CMYK
- cmyk(0% 0% 32% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E1E0A3
- E4E4AD
- E8E7B8
- EBEBC2
- EEEECC
- F1F2D7
- F5F5E1
- F8F8EB
- FCFCF5
Odcienie ciemniejsze
- C1C084
- A5A470
- 89885C
- 6F6E4A
- 555538
- 3D3D27
- 262617
- 121108
- 020201
Tony
- D4D396
- CACA94
- C1C092
- B7B790
- AEAE8E
- A4A48B
- 9B9B88
- 929286
- 898983
Harmonie kolorów
Komplementarna +180°
- DEDD98
Bored Accent Green
- D5D3FF
≈ Pale Lavender
Analogowa -30° +30°
- DEDD98
Bored Accent Green
- F9D195
≈ Maple Elixir
- BDE7AD
≈ Almost Aloe
Triada +120° +240°
- DEDD98
Bored Accent Green
- A4E3FF
≈ Ganon Blue
- FFC4E2
≈ Sugarwinkle
Komplementarna rozszczepiona +150° +210°
- DEDD98
Bored Accent Green
- C1DAFF
≈ Broad Daylight
- F1C7FF
≈ Aquarelle Lilac
Tetrada +90° +180° +270°
- DEDD98
Bored Accent Green
- 8EEBED
≈ Bath Water
- D5D3FF
≈ Pale Lavender
- FFC8C9
≈ Elegant Light Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.40:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.90:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 14.90:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--bored-accent-green: #dedd98;
--bored-accent-green-rgb: 222 221 152;
--bored-accent-green-oklch: oklch(0.882 0.089 107.4);
}
.element {
color: var(--bored-accent-green);
background-color: hsl(59 51% 73%);
border-color: oklch(0.882 0.089 107.4);
}Tailwind CSS v4
@theme {
--color-bored-accent-green: #dedd98;
--color-bored-accent-green-50: #f6f8db;
--color-bored-accent-green-100: #e9ebc9;
--color-bored-accent-green-200: #d6d8ad;
--color-bored-accent-green-300: #babc87;
--color-bored-accent-green-400: #a4a263;
--color-bored-accent-green-500: #8c8a3f;
--color-bored-accent-green-600: #777537;
--color-bored-accent-green-700: #5f5e2b;
--color-bored-accent-green-800: #47441d;
--color-bored-accent-green-900: #312f13;
--color-bored-accent-green-950: #1d1b05;
}SCSS
$bored-accent-green: #dedd98;
$bored-accent-green-rgb: 222, 221, 152;
$bored-accent-green-light: mix(#fff, $bored-accent-green, 20%);
$bored-accent-green-dark: mix(#000, $bored-accent-green, 20%);
.element {
color: $bored-accent-green;
box-shadow: 0 0 0 2px rgba($bored-accent-green, 0.35);
}