Najbliższy nazwany kolor · #CD8A77
#CD8A77
Najbliższy nazwany kolor: Muted Clay
#CD8A77 (rgb(205 138 119), hsl(13 46% 64%), oklch(0.696 0.087 36.5)) jest najbliższy nazwanemu kolorowi Muted Clay. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#CD8A77
oklch(0.696 0.087 36.5)
Konwersje koloru
- HEX
- #cd8a77
- RGB
- rgb(205 138 119)
- HSL
- hsl(13 46% 64%)
- HWB
- hwb(13 47% 20%)
- OKLCH
- oklch(0.696 0.087 36.5)
- OKLab
- oklab(0.696 0.07 0.052)
- CIE Lab
- lab(64.1 24.67 21.16)
- LCH
- lch(64.1 32.51 40.6)
- CMYK
- cmyk(0% 33% 42% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D39684
- D8A191
- DEAD9F
- E3B8AC
- E8C4BA
- EDD0C7
- F2DBD5
- F6E7E3
- FBF3F1
Odcienie ciemniejsze
- B27767
- 986557
- 7E5347
- 664238
- 4E322A
- 38221C
- 231410
- 0F0705
- 020101
Tony
- C58978
- BE8879
- B6887A
- AF877B
- A7867C
- A0857D
- 98847E
- 90827F
- 88817F
Harmonie kolorów
Komplementarna +180°
- CD8A77
Muted Clay
- 56ABC0
≈ Blue Mist
Analogowa -30° +30°
- CD8A77
Muted Clay
- CC8694
≈ Rose Sachet
- C29361
≈ Mid Tan
Triada +120° +240°
- CD8A77
Muted Clay
- 6EAE87
≈ Morning Forest
- 8F99D4
≈ Portage
Komplementarna rozszczepiona +150° +210°
- CD8A77
Muted Clay
- 55AFA6
≈ Emerald Wave
- 6FA3D1
≈ Overcast
Tetrada +90° +180° +270°
- CD8A77
Muted Clay
- 8FA76B
≈ Green Tea Mochi
- 56ABC0
≈ Blue Mist
- AB8FC8
≈ Fleur-De-Lis
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.80:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.49:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--muted-clay: #cd8a77;
--muted-clay-rgb: 205 138 119;
--muted-clay-oklch: oklch(0.696 0.087 36.5);
}
.element {
color: var(--muted-clay);
background-color: hsl(13 46% 64%);
border-color: oklch(0.696 0.087 36.5);
}Tailwind CSS v4
@theme {
--color-muted-clay: #cd8a77;
--color-muted-clay-50: #ffede3;
--color-muted-clay-100: #ffdfd3;
--color-muted-clay-200: #f6c8b9;
--color-muted-clay-300: #e0a997;
--color-muted-clay-400: #cc8c7a;
--color-muted-clay-500: #b8715d;
--color-muted-clay-600: #9b604f;
--color-muted-clay-700: #7d4c3f;
--color-muted-clay-800: #5d372e;
--color-muted-clay-900: #41261f;
--color-muted-clay-950: #29140f;
}SCSS
$muted-clay: #cd8a77;
$muted-clay-rgb: 205, 138, 119;
$muted-clay-light: mix(#fff, $muted-clay, 20%);
$muted-clay-dark: mix(#000, $muted-clay, 20%);
.element {
color: $muted-clay;
box-shadow: 0 0 0 2px rgba($muted-clay, 0.35);
}