Nazwany kolor · #C07C40
Brandy Punch
Brandy Punch to #C07C40: rgb(192 124 64), hsl(28 50% 50%), oklch(0.646 0.114 60). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Brandy Punch color name →
#C07C40
oklch(0.646 0.114 60)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C78955
- CE9668
- D4A37B
- DBB08E
- E1BDA1
- E8CAB3
- EED7C6
- F4E4D9
- F9F2EC
Odcienie ciemniejsze
- A76B36
- 8E5A2D
- 764A24
- 5F3B1B
- 492C13
- 341E0B
- 201105
- 0E0501
- 020100
Tony
- BA7D49
- B47E50
- AE7E58
- A77F5E
- A17F64
- 9B806A
- 948070
- 8E8076
- 87807B
Harmonie kolorów
Komplementarna +180°
- C07C40
Brandy Punch
- 4396CC
≈ Perfect Sky
Analogowa -30° +30°
- C07C40
Brandy Punch
- CA7264
≈ It’s My Party
- A98A2F
≈ Camel Toe
Triada +120° +240°
- C07C40
Brandy Punch
- 16A490
≈ Fishy House
- 997DC9
≈ Wisteria
Komplementarna rozszczepiona +150° +210°
- C07C40
Brandy Punch
- 00A0B3
≈ Breaking Wave
- 738AD3
≈ Violets Are Blue
Tetrada +90° +180° +270°
- C07C40
Brandy Punch
- 56A168
≈ Mosaic Green
- 4396CC
≈ Perfect Sky
- B573AF
≈ Moonlight Melody
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.38:1 · APCA Lc 61
Ag
AANa czerni
WCAG 6.19:1 · APCA Lc 41
Najlepszy kolor tekstu: #000000
WCAG 6.19:1 (AA) · APCA Lc 41
Contrast pairs
Fragmenty kodu
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);
}