Benannte Farbe · #CC8877
Ginger Whisper
Ginger Whisper ist #CC8877: rgb(204 136 119), hsl(12 45% 63%), oklch(0.691 0.088 34.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Ginger Whisper color name →
#CC8877
oklch(0.691 0.088 34.7)
Farbumrechnungen
- HEX
- #cc8877
- RGB
- rgb(204 136 119)
- HSL
- hsl(12 45% 63%)
- HWB
- hwb(12 47% 20%)
- OKLCH
- oklch(0.691 0.088 34.7)
- OKLab
- oklab(0.691 0.072 0.05)
- CIE Lab
- lab(63.51 25.31 20.36)
- LCH
- lch(63.51 32.48 38.8)
- CMYK
- cmyk(0% 33% 42% 20%)
Tints · Shades · Tones
Tints
- D29484
- D79F91
- DDAB9F
- E2B7AC
- E7C3BA
- ECCFC7
- F1DBD5
- F6E7E3
- FBF3F1
Shades
- B17567
- 976357
- 7E5247
- 654138
- 4E312A
- 37221C
- 221310
- 0F0605
- 020101
Tones
- C58778
- BD8779
- B6867A
- AE867B
- A7857C
- 9F847D
- 98837E
- 90827F
- 88817F
Farbharmonien
Komplementär +180°
- CC8877
Ginger Whisper
- 53AABE
≈ Verditer Blue
Analog -30° +30°
- CC8877
Ginger Whisper
- CA8595
≈ Puce
- C29060
≈ Mid Tan
Triadisch +120° +240°
- CC8877
Ginger Whisper
- 6EAC84
≈ Morning Forest
- 8B98D3
≈ Portage
Geteilt komplementär +150° +210°
- CC8877
Ginger Whisper
- 54AEA2
≈ Water Park
- 6CA2CF
≈ Overcast
Tetradisch +90° +180° +270°
- CC8877
Ginger Whisper
- 90A668
≈ Scarpetta
- 53AABE
≈ Verditer Blue
- A88EC8
≈ Fleur-De-Lis
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.85:1 · APCA Lc 55
Ag
AAAAuf Schwarz
WCAG 7.35:1 · APCA Lc 47
Beste Textfarbe: #000000
WCAG 7.35:1 (AAA) · APCA Lc 47
Contrast pairs
Code-Snippets
CSS
:root {
--ginger-whisper: #cc8877;
--ginger-whisper-rgb: 204 136 119;
--ginger-whisper-oklch: oklch(0.691 0.088 34.7);
}
.element {
color: var(--ginger-whisper);
background-color: hsl(12 45% 63%);
border-color: oklch(0.691 0.088 34.7);
}Tailwind CSS v4
@theme {
--color-ginger-whisper: #cc8877;
--color-ginger-whisper-50: #ffede4;
--color-ginger-whisper-100: #ffded4;
--color-ginger-whisper-200: #f7c8ba;
--color-ginger-whisper-300: #e0a898;
--color-ginger-whisper-400: #cd8c7b;
--color-ginger-whisper-500: #b9705e;
--color-ginger-whisper-600: #9c5f50;
--color-ginger-whisper-700: #7d4c40;
--color-ginger-whisper-800: #5d372f;
--color-ginger-whisper-900: #41251f;
--color-ginger-whisper-950: #2a140f;
}SCSS
$ginger-whisper: #cc8877;
$ginger-whisper-rgb: 204, 136, 119;
$ginger-whisper-light: mix(#fff, $ginger-whisper, 20%);
$ginger-whisper-dark: mix(#000, $ginger-whisper, 20%);
.element {
color: $ginger-whisper;
box-shadow: 0 0 0 2px rgba($ginger-whisper, 0.35);
}