Cor nomeada mais próxima · #CEA38C
#CEA38C
Cor nomeada mais próxima: Cashmere Clay
#CEA38C (rgb(206 163 140), hsl(21 40% 68%), oklch(0.749 0.06 49.5)) é mais próxima da cor nomeada Cashmere Clay. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#CEA38C
oklch(0.749 0.06 49.5)
Conversões de cor
- HEX
- #cea38c
- RGB
- rgb(206 163 140)
- HSL
- hsl(21 40% 68%)
- HWB
- hwb(21 55% 19%)
- OKLCH
- oklch(0.749 0.06 49.5)
- OKLab
- oklab(0.749 0.039 0.046)
- CIE Lab
- lab(70.58 13.99 18.36)
- LCH
- lch(70.58 23.08 52.7)
- CMYK
- cmyk(0% 21% 32% 19%)
Tons claros · Sombras · Tons
Tons claros
- D3AC97
- D8B5A2
- DDBEAE
- E2C7B9
- E7D0C5
- ECDAD0
- F1E3DC
- F6ECE7
- FAF6F3
Sombras
- B38D79
- 987867
- 7F6355
- 664F43
- 4E3C33
- 382A23
- 231914
- 0F0A07
- 020101
Tons
- C6A08B
- BE9C8A
- B69989
- AF9588
- A79286
- 9F8E85
- 978B84
- 8F8783
- 888481
Harmonias de cor
Complementar +180°
- CEA38C
Cashmere Clay
- 86B5CD
≈ Batch Blue
Análoga -30° +30°
- CEA38C
Cashmere Clay
- D19F9E
≈ Sakura Mochi
- C2AA82
≈ Pony
Tríade +120° +240°
- CEA38C
Cashmere Clay
- 87BAA7
≈ Patina Hue
- ACA8D2
≈ Monastic
Complementar dividida +150° +210°
- CEA38C
Cashmere Clay
- 7FBABC
≈ Coastal Fringe
- 97AFD4
≈ Lazy Day
Tétrade +90° +180° +270°
- CEA38C
Cashmere Clay
- 9AB793
≈ Brookview
- 86B5CD
≈ Batch Blue
- BFA2C6
≈ Pale Grape
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.27:1 · APCA Lc 45
Ag
AAASobre preto
WCAG 9.24:1 · APCA Lc 57
Melhor cor de texto: #000000
WCAG 9.24:1 (AAA) · APCA Lc 57
Contrast pairs
Trechos de código
CSS
:root {
--cashmere-clay: #cea38c;
--cashmere-clay-rgb: 206 163 140;
--cashmere-clay-oklch: oklch(0.749 0.06 49.5);
}
.element {
color: var(--cashmere-clay);
background-color: hsl(21 40% 68%);
border-color: oklch(0.749 0.06 49.5);
}Tailwind CSS v4
@theme {
--color-cashmere-clay: #cea38c;
--color-cashmere-clay-50: #fff1e6;
--color-cashmere-clay-100: #f9e3d6;
--color-cashmere-clay-200: #eacebd;
--color-cashmere-clay-300: #d1af9c;
--color-cashmere-clay-400: #bd947f;
--color-cashmere-clay-500: #a77b62;
--color-cashmere-clay-600: #8e6854;
--color-cashmere-clay-700: #715343;
--color-cashmere-clay-800: #543c30;
--color-cashmere-clay-900: #3b2921;
--color-cashmere-clay-950: #251710;
}SCSS
$cashmere-clay: #cea38c;
$cashmere-clay-rgb: 206, 163, 140;
$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);
}