Nazwany kolor · #403534
Chocolate Torte
Chocolate Torte to #403534: rgb(64 53 52), hsl(5 10% 23%), oklch(0.34 0.016 24.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Chocolate Torte color name →
#403534
oklch(0.34 0.016 24.1)
Konwersje koloru
- HEX
- #403534
- RGB
- rgb(64 53 52)
- HSL
- hsl(5 10% 23%)
- HWB
- hwb(5 20% 75%)
- OKLCH
- oklch(0.34 0.016 24.1)
- OKLab
- oklab(0.34 0.014 0.006)
- CIE Lab
- lab(23.34 4.91 2.55)
- LCH
- lch(23.34 5.53 27.4)
- CMYK
- cmyk(0% 17% 19% 75%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 514746
- 625958
- 756C6B
- 877F7F
- 9A9393
- AEA8A8
- C1BDBD
- D6D3D2
- EAE9E9
Odcienie ciemniejsze
- 362D2C
- 2D2524
- 241D1C
- 1B1515
- 130E0E
- 0B0807
- 050303
- 010101
- 000000
Tony
- 463C3B
- 4C4342
- 534A4A
- 595251
- 5F5959
- 666160
- 6C6868
- 737070
- 797878
Harmonie kolorów
Komplementarna +180°
- 403534
Chocolate Torte
- 2F3B3C
≈ Rookwood Shutter Green
Analogowa -30° +30°
- 403534
Chocolate Torte
- 3F3539
≈ Monastery Mantle
- 3F3630
≈ Fired Earth
Triada +120° +240°
- 403534
Chocolate Torte
- 333A33
≈ Sound of Silence
- 343841
≈ Antarctic Deep
Komplementarna rozszczepiona +150° +210°
- 403534
Chocolate Torte
- 303B37
≈ Rookwood Shutter Green
- 303A3F
≈ Tempest in a Teapot
Tetrada +90° +180° +270°
- 403534
Chocolate Torte
- 383930
≈ Rosin
- 2F3B3C
≈ Rookwood Shutter Green
- 383740
≈ Black Marlin
Kontrast i dostępność
Ag
AAANa bieli
WCAG 11.81:1 · APCA Lc 97
Ag
FailNa czerni
WCAG 1.77:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 11.81:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--chocolate-torte: #403534;
--chocolate-torte-rgb: 64 53 52;
--chocolate-torte-oklch: oklch(0.34 0.016 24.1);
}
.element {
color: var(--chocolate-torte);
background-color: hsl(5 10% 23%);
border-color: oklch(0.34 0.016 24.1);
}Tailwind CSS v4
@theme {
--color-chocolate-torte: #403534;
--color-chocolate-torte-50: #faf3f3;
--color-chocolate-torte-100: #ede6e5;
--color-chocolate-torte-200: #dbd2d1;
--color-chocolate-torte-300: #bfb4b3;
--color-chocolate-torte-400: #a89b9a;
--color-chocolate-torte-500: #918281;
--color-chocolate-torte-600: #7a6e6d;
--color-chocolate-torte-700: #625857;
--color-chocolate-torte-800: #484040;
--color-chocolate-torte-900: #322c2c;
--color-chocolate-torte-950: #1e1919;
}SCSS
$chocolate-torte: #403534;
$chocolate-torte-rgb: 64, 53, 52;
$chocolate-torte-light: mix(#fff, $chocolate-torte, 20%);
$chocolate-torte-dark: mix(#000, $chocolate-torte, 20%);
.element {
color: $chocolate-torte;
box-shadow: 0 0 0 2px rgba($chocolate-torte, 0.35);
}