Benannte Farbe · #CC9350
Apple Fritter
Apple Fritter ist #CC9350: rgb(204 147 80), hsl(32 55% 56%), oklch(0.705 0.109 68.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Apple Fritter color name →
#CC9350
oklch(0.705 0.109 68.9)
Farbumrechnungen
- HEX
- #cc9350
- RGB
- rgb(204 147 80)
- HSL
- hsl(32 55% 56%)
- HWB
- hwb(32 31% 20%)
- OKLCH
- oklch(0.705 0.109 68.9)
- OKLab
- oklab(0.705 0.039 0.101)
- CIE Lab
- lab(65.62 17.04 43.77)
- LCH
- lch(65.62 46.97 68.7)
- CMYK
- cmyk(0% 28% 61% 20%)
Tints · Shades · Tones
Tints
- D29E63
- D7A975
- DCB387
- E2BE98
- E7C9A9
- ECD4BA
- F1DECB
- F6E9DC
- FAF4EE
Shades
- B17F44
- 976C39
- 7E592E
- 654724
- 4E361A
- 372510
- 221607
- 0F0802
- 020100
Tones
- C49157
- BD905D
- B58E62
- AE8C67
- A68A6C
- 9F8871
- 978675
- 8F8479
- 88827C
Farbharmonien
Komplementär +180°
- CC9350
Apple Fritter
- 68A5E1
≈ Windjammer
Analog -30° +30°
- CC9350
Apple Fritter
- DA886D
≈ Canyon Sunset
- B1A14B
≈ Queen Palm
Triadisch +120° +240°
- CC9350
Apple Fritter
- 36B6AE
≈ Message Green
- B48DD4
≈ Pale Purple
Geteilt komplementär +150° +210°
- CC9350
Apple Fritter
- 3EB0CE
≈ Summer Air
- 9199E3
≈ Portage
Tetradisch +90° +180° +270°
- CC9350
Apple Fritter
- 5EB587
≈ Jade Cream
- 68A5E1
≈ Windjammer
- CD85B7
≈ Cyclamen
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.67:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.85:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.85:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--apple-fritter: #cc9350;
--apple-fritter-rgb: 204 147 80;
--apple-fritter-oklch: oklch(0.705 0.109 68.9);
}
.element {
color: var(--apple-fritter);
background-color: hsl(32 55% 56%);
border-color: oklch(0.705 0.109 68.9);
}Tailwind CSS v4
@theme {
--color-apple-fritter: #cc9350;
--color-apple-fritter-50: #fff1d4;
--color-apple-fritter-100: #ffe3c1;
--color-apple-fritter-200: #f2cda2;
--color-apple-fritter-300: #dbae79;
--color-apple-fritter-400: #c89253;
--color-apple-fritter-500: #b47727;
--color-apple-fritter-600: #986523;
--color-apple-fritter-700: #7a511c;
--color-apple-fritter-800: #5b3a13;
--color-apple-fritter-900: #40280c;
--color-apple-fritter-950: #291601;
}SCSS
$apple-fritter: #cc9350;
$apple-fritter-rgb: 204, 147, 80;
$apple-fritter-light: mix(#fff, $apple-fritter, 20%);
$apple-fritter-dark: mix(#000, $apple-fritter, 20%);
.element {
color: $apple-fritter;
box-shadow: 0 0 0 2px rgba($apple-fritter, 0.35);
}