Nazwany kolor · #DDC75B
Duck Butter
Duck Butter to #DDC75B: rgb(221 199 91), hsl(50 66% 61%), oklch(0.827 0.13 97.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Duck Butter color name →
#DDC75B
oklch(0.827 0.13 97.9)
Konwersje koloru
- HEX
- #ddc75b
- RGB
- rgb(221 199 91)
- HSL
- hsl(50 66% 61%)
- HWB
- hwb(50 36% 13%)
- OKLCH
- oklch(0.827 0.13 97.9)
- OKLab
- oklab(0.827 -0.018 0.129)
- CIE Lab
- lab(80.55 -1.46 55.69)
- LCH
- lch(80.55 55.71 91.5)
- CMYK
- cmyk(0% 10% 59% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E0CD6F
- E4D381
- E7D892
- EADEA2
- EEE4B2
- F1E9C2
- F5EFD1
- F8F4E1
- FBFAF0
Odcienie ciemniejsze
- C0AD4E
- A49341
- 887A35
- 6E6229
- 554C1E
- 3D3613
- 262109
- 110E03
- 020200
Tony
- D3C062
- CAB967
- C0B26C
- B7AB71
- ADA374
- A49C77
- 9B957A
- 928E7C
- 89877E
Harmonie kolorów
Komplementarna +180°
- DDC75B
Duck Butter
- B9C2FF
≈ Light Periwinkle
Analogowa -30° +30°
- DDC75B
Duck Butter
- FEB663
≈ Warm Apricot
- AED778
≈ Wasabi
Triada +120° +240°
- DDC75B
Duck Butter
- 48DAFE
≈ Berta Blue
- FDA5E4
≈ Lavender Rose
Komplementarna rozszczepiona +150° +210°
- DDC75B
Duck Butter
- 97CCFF
≈ Apocyan
- DBB3FF
≈ Light Violet
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.69:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.39:1 · APCA Lc 73
Najlepszy kolor tekstu: #000000
WCAG 12.39:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--duck-butter: #ddc75b;
--duck-butter-rgb: 221 199 91;
--duck-butter-oklch: oklch(0.827 0.13 97.9);
}
.element {
color: var(--duck-butter);
background-color: hsl(50 66% 61%);
border-color: oklch(0.827 0.13 97.9);
}Tailwind CSS v4
@theme {
--color-duck-butter: #ddc75b;
--color-duck-butter-50: #fdf7cc;
--color-duck-butter-100: #f2eab8;
--color-duck-butter-200: #e1d695;
--color-duck-butter-300: #c7b968;
--color-duck-butter-400: #b39f36;
--color-duck-butter-500: #9e8500;
--color-duck-butter-600: #857100;
--color-duck-butter-700: #6b5a00;
--color-duck-butter-800: #504100;
--color-duck-butter-900: #382d00;
--color-duck-butter-950: #221a00;
}SCSS
$duck-butter: #ddc75b;
$duck-butter-rgb: 221, 199, 91;
$duck-butter-light: mix(#fff, $duck-butter, 20%);
$duck-butter-dark: mix(#000, $duck-butter, 20%);
.element {
color: $duck-butter;
box-shadow: 0 0 0 2px rgba($duck-butter, 0.35);
}