Colore con nome · #CEC2AA
Threaded Loom
Threaded Loom è #CEC2AA: rgb(206 194 170), hsl(40 27% 74%), oklch(0.818 0.035 84.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Threaded Loom color name →
#CEC2AA
oklch(0.818 0.035 84.6)
Conversioni di colore
- HEX
- #cec2aa
- RGB
- rgb(206 194 170)
- HSL
- hsl(40 27% 74%)
- HWB
- hwb(40 67% 19%)
- OKLCH
- oklch(0.818 0.035 84.6)
- OKLab
- oklab(0.818 0.003 0.035)
- CIE Lab
- lab(78.95 1.43 13.72)
- LCH
- lch(78.95 13.79 84)
- CMYK
- cmyk(0% 6% 17% 19%)
Tinte · Ombre · Toni
Tinte
- D3C8B2
- D8CEBB
- DDD4C3
- E1DACC
- E6E0D4
- EBE6DD
- F0ECE5
- F5F3EE
- FAF9F6
Ombre
- B3A893
- 988F7D
- 7F7768
- 666053
- 4E493F
- 38342D
- 23201B
- 0F0E0B
- 020201
Toni
- C6BBA6
- BEB4A2
- B6AE9D
- AEA799
- A6A095
- 9E9A91
- 97938D
- 8F8D88
- 878684
Armonie di colore
Complementare +180°
- CEC2AA
Threaded Loom
- B8C4DB
≈ Alley
Analogo -30° +30°
- CEC2AA
Threaded Loom
- D6BEAE
≈ Elusive Dawn
- C2C6AD
≈ Sicily Sea
Triadico +120° +240°
- CEC2AA
Threaded Loom
- AACACE
≈ Sky Chase
- CFBCD0
≈ Tamed Beauty
Complementare divisa +150° +210°
- CEC2AA
Threaded Loom
- AEC8D7
≈ Sonata
- C4BFD8
≈ Purple Dragon
Tetradico +90° +180° +270°
- CEC2AA
Threaded Loom
- ADCBC2
≈ Baby Aqua
- B8C4DB
≈ Alley
- D7BAC4
≈ Queen’s Tart
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.76:1 · APCA Lc 32
Ag
AAASu nero
WCAG 11.92:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.92:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--threaded-loom: #cec2aa;
--threaded-loom-rgb: 206 194 170;
--threaded-loom-oklch: oklch(0.818 0.035 84.6);
}
.element {
color: var(--threaded-loom);
background-color: hsl(40 27% 74%);
border-color: oklch(0.818 0.035 84.6);
}Tailwind CSS v4
@theme {
--color-threaded-loom: #cec2aa;
--color-threaded-loom-50: #f9f5ea;
--color-threaded-loom-100: #ede7db;
--color-threaded-loom-200: #dbd4c4;
--color-threaded-loom-300: #bfb7a3;
--color-threaded-loom-400: #a89d87;
--color-threaded-loom-500: #91856c;
--color-threaded-loom-600: #7b705b;
--color-threaded-loom-700: #625a49;
--color-threaded-loom-800: #484135;
--color-threaded-loom-900: #322d24;
--color-threaded-loom-950: #1e1a13;
}SCSS
$threaded-loom: #cec2aa;
$threaded-loom-rgb: 206, 194, 170;
$threaded-loom-light: mix(#fff, $threaded-loom, 20%);
$threaded-loom-dark: mix(#000, $threaded-loom, 20%);
.element {
color: $threaded-loom;
box-shadow: 0 0 0 2px rgba($threaded-loom, 0.35);
}