Couleur nommée la plus proche · #CD9D8C
#CD9D8C
Couleur nommée la plus proche: Cashmere Clay
#CD9D8C (rgb(205 157 140), hsl(16 39% 68%), oklch(0.736 0.063 40.4)) est la plus proche de la couleur nommée Cashmere Clay. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#CD9D8C
oklch(0.736 0.063 40.4)
Conversions de couleur
- HEX
- #cd9d8c
- RGB
- rgb(205 157 140)
- HSL
- hsl(16 39% 68%)
- HWB
- hwb(16 55% 20%)
- OKLCH
- oklch(0.736 0.063 40.4)
- OKLab
- oklab(0.736 0.048 0.041)
- CIE Lab
- lab(69 16.68 16.19)
- LCH
- lch(69 23.24 44.1)
- CMYK
- cmyk(0% 23% 32% 20%)
Teintes · Ombres · Tons
Teintes
- D2A797
- D8B0A2
- DDBAAE
- E2C4B9
- E7CDC4
- ECD7D0
- F1E1DC
- F6EBE7
- FAF5F3
Ombres
- B28879
- 987367
- 7E5F55
- 664C43
- 4E3A33
- 382823
- 231814
- 0F0907
- 020101
Tons
- C59A8B
- BE978A
- B69489
- AE9288
- A68F86
- 9F8C85
- 978984
- 8F8683
- 888381
Harmonies de couleurs
Complémentaire +180°
- CD9D8C
Cashmere Clay
- 7DB3C5
≈ Heavenly
Analogue -30° +30°
- CD9D8C
Cashmere Clay
- CE9AA0
≈ Twice Shy
- C3A37F
≈ Almandine
Triadique +120° +240°
- CD9D8C
Cashmere Clay
- 87B69D
≈ Indian Ocean
- A2A6D1
≈ Venus Flower
Complémentaire divisée +150° +210°
- CD9D8C
Cashmere Clay
- 7AB7B3
≈ Kingfisher Turquoise
- 8CADD0
≈ Mini Bay
Tétradique +90° +180° +270°
- CD9D8C
Cashmere Clay
- 9CB289
≈ Easy Green
- 7DB3C5
≈ Heavenly
- B69FC8
≈ Dechala Lilac
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.38:1 · APCA Lc 47
Ag
AAASur noir
WCAG 8.79:1 · APCA Lc 55
Meilleure couleur de texte: #000000
WCAG 8.79:1 (AAA) · APCA Lc 55
Contrast pairs
Extraits de code
CSS
:root {
--cashmere-clay: #cd9d8c;
--cashmere-clay-rgb: 205 157 140;
--cashmere-clay-oklch: oklch(0.736 0.063 40.4);
}
.element {
color: var(--cashmere-clay);
background-color: hsl(16 39% 68%);
border-color: oklch(0.736 0.063 40.4);
}Tailwind CSS v4
@theme {
--color-cashmere-clay: #cd9d8c;
--color-cashmere-clay-50: #fff0e7;
--color-cashmere-clay-100: #fbe2d8;
--color-cashmere-clay-200: #edccc0;
--color-cashmere-clay-300: #d4ae9f;
--color-cashmere-clay-400: #c09383;
--color-cashmere-clay-500: #ab7866;
--color-cashmere-clay-600: #906657;
--color-cashmere-clay-700: #745145;
--color-cashmere-clay-800: #563b32;
--color-cashmere-clay-900: #3c2822;
--color-cashmere-clay-950: #251611;
}SCSS
$cashmere-clay: #cd9d8c;
$cashmere-clay-rgb: 205, 157, 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);
}