Benannte Farbe · #CBA077
Pumpkin Butter
Pumpkin Butter ist #CBA077: rgb(203 160 119), hsl(29 45% 63%), oklch(0.736 0.075 64.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Pumpkin Butter color name →
#CBA077
oklch(0.736 0.075 64.9)
Farbumrechnungen
- HEX
- #cba077
- RGB
- rgb(203 160 119)
- HSL
- hsl(29 45% 63%)
- HWB
- hwb(29 47% 20%)
- OKLCH
- oklch(0.736 0.075 64.9)
- OKLab
- oklab(0.736 0.032 0.068)
- CIE Lab
- lab(69.19 12.48 27.79)
- LCH
- lch(69.19 30.47 65.8)
- CMYK
- cmyk(0% 21% 41% 20%)
Tints · Shades · Tones
Tints
- D0A984
- D6B392
- DBBC9F
- E0C6AD
- E6CFBA
- EBD9C8
- F0E2D6
- F5ECE3
- FAF5F1
Shades
- B08B67
- 967657
- 7D6147
- 654E38
- 4D3B2A
- 37291C
- 221910
- 0F0905
- 020101
Tones
- C39D78
- BC9A7A
- B4977B
- AD937C
- A5907D
- 9E8D7E
- 968A7E
- 8F877F
- 878380
Farbharmonien
Komplementär +180°
- CBA077
Pumpkin Butter
- 81AFD6
≈ Boo Blue
Analog -30° +30°
- CBA077
Pumpkin Butter
- D4998A
≈ Nectarine Spice
- B8A972
≈ Oatmeal Biscuit
Triadisch +120° +240°
- CBA077
Pumpkin Butter
- 70B9AF
≈ Cooled Blue
- B49ED0
≈ Dechala Lilac
Geteilt komplementär +150° +210°
- CBA077
Pumpkin Butter
- 6FB6C7
≈ Blouson Blue
- 9BA6D9
≈ Sorbet Ice Mauve
Tetradisch +90° +180° +270°
- CBA077
Pumpkin Butter
- 83B895
≈ Water Green
- 81AFD6
≈ Boo Blue
- C898BD
≈ Peach Buff
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.37:1 · APCA Lc 47
Ag
AAAAuf Schwarz
WCAG 8.83:1 · APCA Lc 55
Beste Textfarbe: #000000
WCAG 8.83:1 (AAA) · APCA Lc 55
Contrast pairs
Code-Snippets
CSS
:root {
--pumpkin-butter: #cba077;
--pumpkin-butter-rgb: 203 160 119;
--pumpkin-butter-oklch: oklch(0.736 0.075 64.9);
}
.element {
color: var(--pumpkin-butter);
background-color: hsl(29 45% 63%);
border-color: oklch(0.736 0.075 64.9);
}Tailwind CSS v4
@theme {
--color-pumpkin-butter: #cba077;
--color-pumpkin-butter-50: #fff2df;
--color-pumpkin-butter-100: #fae4ce;
--color-pumpkin-butter-200: #ebcfb3;
--color-pumpkin-butter-300: #d2b18f;
--color-pumpkin-butter-400: #be966f;
--color-pumpkin-butter-500: #a97c4f;
--color-pumpkin-butter-600: #8f6944;
--color-pumpkin-butter-700: #725436;
--color-pumpkin-butter-800: #553d26;
--color-pumpkin-butter-900: #3b2a19;
--color-pumpkin-butter-950: #25170a;
}SCSS
$pumpkin-butter: #cba077;
$pumpkin-butter-rgb: 203, 160, 119;
$pumpkin-butter-light: mix(#fff, $pumpkin-butter, 20%);
$pumpkin-butter-dark: mix(#000, $pumpkin-butter, 20%);
.element {
color: $pumpkin-butter;
box-shadow: 0 0 0 2px rgba($pumpkin-butter, 0.35);
}