Najbliższy nazwany kolor · #573517
#573517
Najbliższy nazwany kolor: Moelleux au Chocolat
#573517 (rgb(87 53 23), hsl(28 58% 22%), oklch(0.364 0.065 59.8)) jest najbliższy nazwanemu kolorowi Moelleux au Chocolat. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#573517
oklch(0.364 0.065 59.8)
Konwersje koloru
- HEX
- #573517
- RGB
- rgb(87 53 23)
- HSL
- hsl(28 58% 22%)
- HWB
- hwb(28 9% 66%)
- OKLCH
- oklch(0.364 0.065 59.8)
- OKLab
- oklab(0.364 0.033 0.056)
- CIE Lab
- lab(25.94 13.44 25.02)
- LCH
- lch(25.94 28.4 61.8)
- CMYK
- cmyk(0% 39% 74% 66%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 67472D
- 775A42
- 876D58
- 98806E
- A99585
- BAA99C
- CBBEB4
- DCD3CD
- EDE9E6
Odcienie ciemniejsze
- 4B2D12
- 3E250E
- 331D0A
- 271506
- 1C0E04
- 120802
- 080301
- 030100
- 000000
Tony
- 5B3C22
- 60442D
- 644B37
- 685342
- 6C5A4C
- 706256
- 746960
- 78716B
- 7C7875
Harmonie kolorów
Komplementarna +180°
- 573517
Moelleux au Chocolat
- 18425D
≈ Neptune’s Wrath
Analogowa -30° +30°
- 573517
Moelleux au Chocolat
- 5C3029
≈ Bratwurst
- 4C3C0E
≈ Xanthophobia
Triada +120° +240°
- 573517
Moelleux au Chocolat
- 02493F
≈ Tropical Forest
- 43365B
≈ Purple Plumeria
Komplementarna rozszczepiona +150° +210°
- 573517
Moelleux au Chocolat
- 004750
≈ Midnight Green
- 303C61
≈ Blue Depths
Tetrada +90° +180° +270°
- 573517
Moelleux au Chocolat
- 22482B
≈ Zucchini
- 18425D
≈ Neptune’s Wrath
- 51314F
≈ Plum Skin
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.89:1 · APCA Lc 95
Ag
FailNa czerni
WCAG 1.92:1 · APCA Lc 8
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.89:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--moelleux-au-chocolat: #573517;
--moelleux-au-chocolat-rgb: 87 53 23;
--moelleux-au-chocolat-oklch: oklch(0.364 0.065 59.8);
}
.element {
color: var(--moelleux-au-chocolat);
background-color: hsl(28 58% 22%);
border-color: oklch(0.364 0.065 59.8);
}Tailwind CSS v4
@theme {
--color-moelleux-au-chocolat: #573517;
--color-moelleux-au-chocolat-50: #fff1e3;
--color-moelleux-au-chocolat-100: #f9e4d2;
--color-moelleux-au-chocolat-200: #e9cfb8;
--color-moelleux-au-chocolat-300: #d1b196;
--color-moelleux-au-chocolat-400: #bc9678;
--color-moelleux-au-chocolat-500: #a77c5a;
--color-moelleux-au-chocolat-600: #8d694c;
--color-moelleux-au-chocolat-700: #71543d;
--color-moelleux-au-chocolat-800: #543d2c;
--color-moelleux-au-chocolat-900: #3a2a1d;
--color-moelleux-au-chocolat-950: #24170d;
}SCSS
$moelleux-au-chocolat: #573517;
$moelleux-au-chocolat-rgb: 87, 53, 23;
$moelleux-au-chocolat-light: mix(#fff, $moelleux-au-chocolat, 20%);
$moelleux-au-chocolat-dark: mix(#000, $moelleux-au-chocolat, 20%);
.element {
color: $moelleux-au-chocolat;
box-shadow: 0 0 0 2px rgba($moelleux-au-chocolat, 0.35);
}