Cor nomeada · #CDA291
Cashmere Clay
Cashmere Clay é #CDA291: rgb(205 162 145), hsl(17 38% 69%), oklch(0.747 0.057 42.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Cashmere Clay color name →
#CDA291
oklch(0.747 0.057 42.6)
Conversões de cor
- HEX
- #cda291
- RGB
- rgb(205 162 145)
- HSL
- hsl(17 38% 69%)
- HWB
- hwb(17 57% 20%)
- OKLCH
- oklch(0.747 0.057 42.6)
- OKLab
- oklab(0.747 0.042 0.038)
- CIE Lab
- lab(70.32 14.59 15.25)
- LCH
- lch(70.32 21.11 46.3)
- CMYK
- cmyk(0% 21% 29% 20%)
Tons claros · Sombras · Tons
Tons claros
- D2AB9C
- D7B4A6
- DDBDB1
- E2C7BC
- E7D0C7
- ECD9D2
- F1E3DD
- F5ECE8
- FAF5F4
Sombras
- B28C7D
- 98776A
- 7E6358
- 664F46
- 4E3C35
- 382A25
- 231915
- 0F0A07
- 020101
Tons
- C59F8F
- BD9B8E
- B6988C
- AE948A
- A69189
- 9F8E87
- 978A85
- 8F8784
- 888382
Harmonias de cor
Complementar +180°
- CDA291
Cashmere Clay
- 86B6C7
≈ Crystal Lake
Análoga -30° +30°
- CDA291
Cashmere Clay
- CE9FA3
≈ Primula
- C4A886
≈ Toasted Grain
Tríade +120° +240°
- CDA291
Cashmere Clay
- 8DB9A3
≈ Lichen
- A7A9D1
≈ Monastic
Complementar dividida +150° +210°
- CDA291
Cashmere Clay
- 83B9B7
≈ Vintage Blue
- 94B0D1
≈ Dockside
Tétrade +90° +180° +270°
- CDA291
Cashmere Clay
- A0B590
≈ Haven
- 86B6C7
≈ Crystal Lake
- BAA3C7
≈ Violet Fields
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.28:1 · APCA Lc 45
Ag
AAASobre preto
WCAG 9.17:1 · APCA Lc 57
Melhor cor de texto: #000000
WCAG 9.17:1 (AAA) · APCA Lc 57
Contrast pairs
Trechos de código
CSS
:root {
--cashmere-clay: #cda291;
--cashmere-clay-rgb: 205 162 145;
--cashmere-clay-oklch: oklch(0.747 0.057 42.6);
}
.element {
color: var(--cashmere-clay);
background-color: hsl(17 38% 69%);
border-color: oklch(0.747 0.057 42.6);
}Tailwind CSS v4
@theme {
--color-cashmere-clay: #cda291;
--color-cashmere-clay-50: #fff1e8;
--color-cashmere-clay-100: #f9e2d9;
--color-cashmere-clay-200: #eacdc1;
--color-cashmere-clay-300: #d1afa0;
--color-cashmere-clay-400: #bc9484;
--color-cashmere-clay-500: #a77a68;
--color-cashmere-clay-600: #8d6859;
--color-cashmere-clay-700: #715347;
--color-cashmere-clay-800: #543c33;
--color-cashmere-clay-900: #3a2923;
--color-cashmere-clay-950: #241712;
}SCSS
$cashmere-clay: #cda291;
$cashmere-clay-rgb: 205, 162, 145;
$cashmere-clay-light: mix(#fff, $cashmere-clay, 20%);
$cashmere-clay-dark: mix(#000, $cashmere-clay, 20%);
.element {
color: $cashmere-clay;
box-shadow: 0 0 0 2px rgba($cashmere-clay, 0.35);
}