Benannte Farbe · #CDB141
Sugar Leaves
Sugar Leaves ist #CDB141: rgb(205 177 65), hsl(48 58% 53%), oklch(0.765 0.132 94.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Sugar Leaves color name →
#CDB141
oklch(0.765 0.132 94.9)
Farbumrechnungen
- HEX
- #cdb141
- RGB
- rgb(205 177 65)
- HSL
- hsl(48 58% 53%)
- HWB
- hwb(48 25% 20%)
- OKLCH
- oklch(0.765 0.132 94.9)
- OKLab
- oklab(0.765 -0.011 0.132)
- CIE Lab
- lab(73.17 1.49 58.56)
- LCH
- lch(73.17 58.58 88.5)
- CMYK
- cmyk(0% 14% 68% 20%)
Tints · Shades · Tones
Tints
- D2B959
- D7C16F
- DCC982
- E1D195
- E6D8A7
- EBE0B9
- F0E8CB
- F5F0DC
- FAF7EE
Shades
- B29937
- 98832E
- 7E6C25
- 66571C
- 4E4213
- 382F0B
- 231C05
- 0F0C01
- 020100
Tones
- C5AC4C
- BDA755
- B5A35D
- AD9E64
- A6996A
- 9E946F
- 968F74
- 8F8A78
- 87857C
Farbharmonien
Komplementär +180°
- CDB141
Sugar Leaves
- 9CACFF
≈ Widowmaker
Analog -30° +30°
- CDB141
Sugar Leaves
- EC9F4F
≈ Granary Gold
- 9FC15E
≈ Sapling
Triadisch +120° +240°
- CDB141
Sugar Leaves
- 17C7E7
≈ Picnic Day Sky
- E691D4
≈ Love Dust
Geteilt komplementär +150° +210°
- CDB141
Sugar Leaves
- 65BAFF
≈ Hello Summer
- C69CF6
≈ Baby Purple
Tetradisch +90° +180° +270°
- CDB141
Sugar Leaves
- 16CDBD
≈ Exquisite Turquoise
- 9CACFF
≈ Widowmaker
- F88DA7
≈ Unripe Strawberry
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.10:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 9.96:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 9.96:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--sugar-leaves: #cdb141;
--sugar-leaves-rgb: 205 177 65;
--sugar-leaves-oklch: oklch(0.765 0.132 94.9);
}
.element {
color: var(--sugar-leaves);
background-color: hsl(48 58% 53%);
border-color: oklch(0.765 0.132 94.9);
}Tailwind CSS v4
@theme {
--color-sugar-leaves: #cdb141;
--color-sugar-leaves-50: #fff6cb;
--color-sugar-leaves-100: #f4e9b6;
--color-sugar-leaves-200: #e4d593;
--color-sugar-leaves-300: #cab865;
--color-sugar-leaves-400: #b79d32;
--color-sugar-leaves-500: #a28300;
--color-sugar-leaves-600: #896f00;
--color-sugar-leaves-700: #6e5900;
--color-sugar-leaves-800: #524000;
--color-sugar-leaves-900: #392c00;
--color-sugar-leaves-950: #241900;
}SCSS
$sugar-leaves: #cdb141;
$sugar-leaves-rgb: 205, 177, 65;
$sugar-leaves-light: mix(#fff, $sugar-leaves, 20%);
$sugar-leaves-dark: mix(#000, $sugar-leaves, 20%);
.element {
color: $sugar-leaves;
box-shadow: 0 0 0 2px rgba($sugar-leaves, 0.35);
}