Colore con nome più vicino · #CEAB8D
#CEAB8D
Colore con nome più vicino: Cashmere
#CEAB8D (rgb(206 171 141), hsl(28 40% 68%), oklch(0.765 0.058 62.4)) è più vicino al colore con nome Cashmere. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#CEAB8D
oklch(0.765 0.058 62.4)
Conversioni di colore
- HEX
- #ceab8d
- RGB
- rgb(206 171 141)
- HSL
- hsl(28 40% 68%)
- HWB
- hwb(28 55% 19%)
- OKLCH
- oklch(0.765 0.058 62.4)
- OKLab
- oklab(0.765 0.027 0.051)
- CIE Lab
- lab(72.59 9.99 20.53)
- LCH
- lch(72.59 22.83 64.1)
- CMYK
- cmyk(0% 17% 32% 19%)
Tinte · Ombre · Toni
Tinte
- D3B398
- D8BCA3
- DDC4AF
- E2CCBA
- E7D5C5
- ECDDD1
- F1E5DC
- F5EEE8
- FAF6F3
Ombre
- B3947A
- 987E67
- 7F6855
- 665444
- 4E4033
- 382D23
- 231B14
- 0F0B07
- 020101
Toni
- C6A78C
- BEA28B
- B69E8A
- AE9A88
- A79587
- 9F9186
- 978D84
- 8F8983
- 888482
Armonie di colore
Complementare +180°
- CEAB8D
Cashmere
- 93B8D5
≈ Blue Pointer
Analogo -30° +30°
- CEAB8D
Cashmere
- D5A69B
≈ Bubble Shell
- BFB289
≈ Weaver’s Spool
Triadico +120° +240°
- CEAB8D
Cashmere
- 89BFB5
≈ Undine
- B9AAD2
≈ Purple Hibiscus
Complementare divisa +150° +210°
- CEAB8D
Cashmere
- 87BDC8
≈ Blue Echo
- A6B1D8
≈ High Style
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.13:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.83:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.83:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--cashmere: #ceab8d;
--cashmere-rgb: 206 171 141;
--cashmere-oklch: oklch(0.765 0.058 62.4);
}
.element {
color: var(--cashmere);
background-color: hsl(28 40% 68%);
border-color: oklch(0.765 0.058 62.4);
}Tailwind CSS v4
@theme {
--color-cashmere: #ceab8d;
--color-cashmere-50: #fff2e4;
--color-cashmere-100: #f6e4d4;
--color-cashmere-200: #e6d0bb;
--color-cashmere-300: #cdb299;
--color-cashmere-400: #b8977b;
--color-cashmere-500: #a27e5e;
--color-cashmere-600: #896b50;
--color-cashmere-700: #6e5540;
--color-cashmere-800: #513e2e;
--color-cashmere-900: #392a1f;
--color-cashmere-950: #23180f;
}SCSS
$cashmere: #ceab8d;
$cashmere-rgb: 206, 171, 141;
$cashmere-light: mix(#fff, $cashmere, 20%);
$cashmere-dark: mix(#000, $cashmere, 20%);
.element {
color: $cashmere;
box-shadow: 0 0 0 2px rgba($cashmere, 0.35);
}