Colore con nome · #CFC1AE
Merino Wool
Merino Wool è #CFC1AE: rgb(207 193 174), hsl(35 26% 75%), oklch(0.817 0.03 75.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Merino Wool color name →
#CFC1AE
oklch(0.817 0.03 75.6)
Conversioni di colore
- HEX
- #cfc1ae
- RGB
- rgb(207 193 174)
- HSL
- hsl(35 26% 75%)
- HWB
- hwb(35 68% 19%)
- OKLCH
- oklch(0.817 0.03 75.6)
- OKLab
- oklab(0.817 0.008 0.029)
- CIE Lab
- lab(78.86 2.77 11.47)
- LCH
- lch(78.86 11.8 76.4)
- CMYK
- cmyk(0% 7% 16% 19%)
Tinte · Ombre · Toni
Tinte
- D4C7B6
- D8CDBE
- DDD3C6
- E2D9CE
- E7E0D6
- ECE6DE
- F0ECE6
- F5F2EE
- FAF9F7
Ombre
- B4A797
- 998F80
- 7F776A
- 675F55
- 4F4941
- 38342E
- 23201C
- 100E0B
- 020201
Toni
- C7BAA9
- BFB4A5
- B7ADA0
- AFA69B
- A7A097
- 9F9992
- 97938E
- 8F8D89
- 888685
Armonie di colore
Complementare +180°
- CFC1AE
Merino Wool
- B7C5D7
≈ Candela
Analogo -30° +30°
- CFC1AE
Merino Wool
- D5BEB3
≈ Wild Rice
- C5C5AF
≈ Bahia Grass
Triadico +120° +240°
- CFC1AE
Merino Wool
- ADCAC9
≈ Seaport Steam
- CBBED1
≈ My Mona
Complementare divisa +150° +210°
- CFC1AE
Merino Wool
- AFC8D2
≈ Crisp Collar
- C1C1D7
≈ Lavender Escape
Tetradico +90° +180° +270°
- CFC1AE
Merino Wool
- B2CABF
≈ Nadia
- B7C5D7
≈ Candela
- D3BCC7
≈ Queen’s Tart
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.76:1 · APCA Lc 32
Ag
AAASu nero
WCAG 11.89:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.89:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--merino-wool: #cfc1ae;
--merino-wool-rgb: 207 193 174;
--merino-wool-oklch: oklch(0.817 0.03 75.6);
}
.element {
color: var(--merino-wool);
background-color: hsl(35 26% 75%);
border-color: oklch(0.817 0.03 75.6);
}Tailwind CSS v4
@theme {
--color-merino-wool: #cfc1ae;
--color-merino-wool-50: #faf4ec;
--color-merino-wool-100: #eee7dd;
--color-merino-wool-200: #dcd3c6;
--color-merino-wool-300: #c0b6a6;
--color-merino-wool-400: #a99c8b;
--color-merino-wool-500: #928470;
--color-merino-wool-600: #7c705f;
--color-merino-wool-700: #63594c;
--color-merino-wool-800: #494137;
--color-merino-wool-900: #332d26;
--color-merino-wool-950: #1e1a14;
}SCSS
$merino-wool: #cfc1ae;
$merino-wool-rgb: 207, 193, 174;
$merino-wool-light: mix(#fff, $merino-wool, 20%);
$merino-wool-dark: mix(#000, $merino-wool, 20%);
.element {
color: $merino-wool;
box-shadow: 0 0 0 2px rgba($merino-wool, 0.35);
}