Nazwany kolor · #CFC1AE
Merino Wool
Merino Wool to #CFC1AE: rgb(207 193 174), hsl(35 26% 75%), oklch(0.817 0.03 75.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Merino Wool color name →
#CFC1AE
oklch(0.817 0.03 75.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D4C7B6
- D8CDBE
- DDD3C6
- E2D9CE
- E7E0D6
- ECE6DE
- F0ECE6
- F5F2EE
- FAF9F7
Odcienie ciemniejsze
- B4A797
- 998F80
- 7F776A
- 675F55
- 4F4941
- 38342E
- 23201C
- 100E0B
- 020201
Tony
- C7BAA9
- BFB4A5
- B7ADA0
- AFA69B
- A7A097
- 9F9992
- 97938E
- 8F8D89
- 888685
Harmonie kolorów
Komplementarna +180°
- CFC1AE
Merino Wool
- B7C5D7
≈ Candela
Analogowa -30° +30°
- CFC1AE
Merino Wool
- D5BEB3
≈ Wild Rice
- C5C5AF
≈ Bahia Grass
Triada +120° +240°
- CFC1AE
Merino Wool
- ADCAC9
≈ Seaport Steam
- CBBED1
≈ My Mona
Komplementarna rozszczepiona +150° +210°
- CFC1AE
Merino Wool
- AFC8D2
≈ Crisp Collar
- C1C1D7
≈ Lavender Escape
Tetrada +90° +180° +270°
- CFC1AE
Merino Wool
- B2CABF
≈ Nadia
- B7C5D7
≈ Candela
- D3BCC7
≈ Queen’s Tart
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.76:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 11.89:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.89:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
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);
}