Color con nombre · #CF8A78
Muted Clay
Muted Clay es #CF8A78: rgb(207 138 120), hsl(12 48% 64%), oklch(0.699 0.089 35.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Muted Clay color name →
#CF8A78
oklch(0.699 0.089 35.3)
Conversiones de color
- HEX
- #cf8a78
- RGB
- rgb(207 138 120)
- HSL
- hsl(12 48% 64%)
- HWB
- hwb(12 47% 19%)
- OKLCH
- oklch(0.699 0.089 35.3)
- OKLab
- oklab(0.699 0.073 0.052)
- CIE Lab
- lab(64.36 25.55 21)
- LCH
- lch(64.36 33.08 39.4)
- CMYK
- cmyk(0% 33% 42% 19%)
Tintes · Sombras · Tonos
Tintes
- D59685
- DAA192
- DFAD9F
- E4B8AD
- E9C4BA
- EED0C8
- F2DBD5
- F7E7E3
- FBF3F1
Sombras
- B47767
- 996557
- 7F5348
- 674239
- 4F322A
- 38221D
- 231410
- 100705
- 020101
Tonos
- C78979
- C0897A
- B8887B
- B0877C
- A8867D
- A0857D
- 98847E
- 90837F
- 88817F
Armonías de color
Complementario +180°
- CF8A78
Muted Clay
- 54ACC1
≈ Blue Mist
Análogo -30° +30°
- CF8A78
Muted Clay
- CE8796
≈ Puce
- C59361
≈ Mid Tan
Triádico +120° +240°
- CF8A78
Muted Clay
- 6FAF86
≈ Lily Pads
- 8E9AD6
≈ Portage
Complementario dividido +150° +210°
- CF8A78
Muted Clay
- 54B0A5
≈ Emerald Wave
- 6EA4D2
≈ Overcast
Tetrádico +90° +180° +270°
- CF8A78
Muted Clay
- 91A86A
≈ Green Tea Mochi
- 54ACC1
≈ Blue Mist
- AB90CB
≈ Fleur-De-Lis
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.77:1 · APCA Lc 53
Ag
AAASobre negro
WCAG 7.55:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.55:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--muted-clay: #cf8a78;
--muted-clay-rgb: 207 138 120;
--muted-clay-oklch: oklch(0.699 0.089 35.3);
}
.element {
color: var(--muted-clay);
background-color: hsl(12 48% 64%);
border-color: oklch(0.699 0.089 35.3);
}Tailwind CSS v4
@theme {
--color-muted-clay: #cf8a78;
--color-muted-clay-50: #ffede3;
--color-muted-clay-100: #ffded3;
--color-muted-clay-200: #f7c8ba;
--color-muted-clay-300: #e1a897;
--color-muted-clay-400: #cd8c7a;
--color-muted-clay-500: #b9705d;
--color-muted-clay-600: #9c5f4f;
--color-muted-clay-700: #7e4c3f;
--color-muted-clay-800: #5d372e;
--color-muted-clay-900: #41251f;
--color-muted-clay-950: #2a140f;
}SCSS
$muted-clay: #cf8a78;
$muted-clay-rgb: 207, 138, 120;
$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);
}