Najbliższy nazwany kolor · #825240
#825240
Najbliższy nazwany kolor: Cheeky Chestnut
#825240 (rgb(130 82 64), hsl(16 34% 38%), oklch(0.488 0.071 41.3)) jest najbliższy nazwanemu kolorowi Cheeky Chestnut. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#825240
oklch(0.488 0.071 41.3)
Konwersje koloru
- HEX
- #825240
- RGB
- rgb(130 82 64)
- HSL
- hsl(16 34% 38%)
- HWB
- hwb(16 25% 49%)
- OKLCH
- oklch(0.488 0.071 41.3)
- OKLab
- oklab(0.488 0.053 0.047)
- CIE Lab
- lab(40.12 19.09 19.32)
- LCH
- lch(40.12 27.16 45.3)
- CMYK
- cmyk(0% 37% 51% 49%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8F6252
- 9B7363
- A88376
- B49488
- C1A59B
- CDB7AE
- DAC8C2
- E6DAD6
- F3EDEA
Odcienie ciemniejsze
- 704636
- 5F3B2D
- 4E2F24
- 3E251B
- 2F1A13
- 20110B
- 120805
- 060201
- 010000
Tony
- 825747
- 835B4D
- 836053
- 83655A
- 826960
- 826E66
- 82726D
- 817773
- 817C7A
Harmonie kolorów
Komplementarna +180°
- 825240
Cheeky Chestnut
- 2A697C
≈ Allports
Analogowa -30° +30°
- 825240
Cheeky Chestnut
- 834F56
≈ Wild Ginger
- 795930
≈ Florentine Dream
Triada +120° +240°
- 825240
Cheeky Chestnut
- 386C53
≈ Toad King
- 595B87
≈ Midnight Sea
Komplementarna rozszczepiona +150° +210°
- 825240
Cheeky Chestnut
- 246D6A
≈ Mosaic Tile
- 416287
≈ Winter Palace
Tetrada +90° +180° +270°
- 825240
Cheeky Chestnut
- 51683D
≈ Alfalfa Extract
- 2A697C
≈ Allports
- 6D547D
≈ Charoite Violet
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.50:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.23:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.50:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--cheeky-chestnut: #825240;
--cheeky-chestnut-rgb: 130 82 64;
--cheeky-chestnut-oklch: oklch(0.488 0.071 41.3);
}
.element {
color: var(--cheeky-chestnut);
background-color: hsl(16 34% 38%);
border-color: oklch(0.488 0.071 41.3);
}Tailwind CSS v4
@theme {
--color-cheeky-chestnut: #825240;
--color-cheeky-chestnut-50: #ffefe5;
--color-cheeky-chestnut-100: #fee1d5;
--color-cheeky-chestnut-200: #f0cbbd;
--color-cheeky-chestnut-300: #d8ac9b;
--color-cheeky-chestnut-400: #c3917e;
--color-cheeky-chestnut-500: #af7661;
--color-cheeky-chestnut-600: #946453;
--color-cheeky-chestnut-700: #765042;
--color-cheeky-chestnut-800: #583a30;
--color-cheeky-chestnut-900: #3d2820;
--color-cheeky-chestnut-950: #271610;
}SCSS
$cheeky-chestnut: #825240;
$cheeky-chestnut-rgb: 130, 82, 64;
$cheeky-chestnut-light: mix(#fff, $cheeky-chestnut, 20%);
$cheeky-chestnut-dark: mix(#000, $cheeky-chestnut, 20%);
.element {
color: $cheeky-chestnut;
box-shadow: 0 0 0 2px rgba($cheeky-chestnut, 0.35);
}