Benannte Farbe · #C07C40
Brandy Punch
Brandy Punch ist #C07C40: rgb(192 124 64), hsl(28 50% 50%), oklch(0.646 0.114 60). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Brandy Punch color name →
#C07C40
oklch(0.646 0.114 60)
Farbumrechnungen
- HEX
- #c07c40
- RGB
- rgb(192 124 64)
- HSL
- hsl(28 50% 50%)
- HWB
- hwb(28 25% 25%)
- OKLCH
- oklch(0.646 0.114 60)
- OKLab
- oklab(0.646 0.057 0.098)
- CIE Lab
- lab(58.5 23.18 43.36)
- LCH
- lch(58.5 49.17 61.9)
- CMYK
- cmyk(0% 35% 67% 25%)
Tints · Shades · Tones
Tints
- C78955
- CE9668
- D4A37B
- DBB08E
- E1BDA1
- E8CAB3
- EED7C6
- F4E4D9
- F9F2EC
Shades
- A76B36
- 8E5A2D
- 764A24
- 5F3B1B
- 492C13
- 341E0B
- 201105
- 0E0501
- 020100
Tones
- BA7D49
- B47E50
- AE7E58
- A77F5E
- A17F64
- 9B806A
- 948070
- 8E8076
- 87807B
Farbharmonien
Komplementär +180°
- C07C40
Brandy Punch
- 4396CC
≈ Perfect Sky
Analog -30° +30°
- C07C40
Brandy Punch
- CA7264
≈ It’s My Party
- A98A2F
≈ Camel Toe
Triadisch +120° +240°
- C07C40
Brandy Punch
- 16A490
≈ Fishy House
- 997DC9
≈ Wisteria
Geteilt komplementär +150° +210°
- C07C40
Brandy Punch
- 00A0B3
≈ Breaking Wave
- 738AD3
≈ Violets Are Blue
Tetradisch +90° +180° +270°
- C07C40
Brandy Punch
- 56A168
≈ Mosaic Green
- 4396CC
≈ Perfect Sky
- B573AF
≈ Moonlight Melody
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.38:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.19:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.19:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--brandy-punch: #c07c40;
--brandy-punch-rgb: 192 124 64;
--brandy-punch-oklch: oklch(0.646 0.114 60);
}
.element {
color: var(--brandy-punch);
background-color: hsl(28 50% 50%);
border-color: oklch(0.646 0.114 60);
}Tailwind CSS v4
@theme {
--color-brandy-punch: #c07c40;
--color-brandy-punch-50: #ffefd5;
--color-brandy-punch-100: #ffe0c2;
--color-brandy-punch-200: #f8caa3;
--color-brandy-punch-300: #e2ab7a;
--color-brandy-punch-400: #d08e56;
--color-brandy-punch-500: #bc722b;
--color-brandy-punch-600: #9f6127;
--color-brandy-punch-700: #7f4d1f;
--color-brandy-punch-800: #5f3715;
--color-brandy-punch-900: #43260e;
--color-brandy-punch-950: #2b1402;
}SCSS
$brandy-punch: #c07c40;
$brandy-punch-rgb: 192, 124, 64;
$brandy-punch-light: mix(#fff, $brandy-punch, 20%);
$brandy-punch-dark: mix(#000, $brandy-punch, 20%);
.element {
color: $brandy-punch;
box-shadow: 0 0 0 2px rgba($brandy-punch, 0.35);
}