Colore con nome · #CEC2A1
Seasoned Salt
Seasoned Salt è #CEC2A1: rgb(206 194 161), hsl(44 31% 72%), oklch(0.815 0.046 90.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Seasoned Salt color name →
#CEC2A1
oklch(0.815 0.046 90.4)
Conversioni di colore
- HEX
- #cec2a1
- RGB
- rgb(206 194 161)
- HSL
- hsl(44 31% 72%)
- HWB
- hwb(44 63% 19%)
- OKLCH
- oklch(0.815 0.046 90.4)
- OKLab
- oklab(0.815 0 0.046)
- CIE Lab
- lab(78.79 0.45 18.27)
- LCH
- lch(78.79 18.28 88.6)
- CMYK
- cmyk(0% 6% 22% 19%)
Tinte · Ombre · Toni
Tinte
- D3C8AA
- D8CEB4
- DDD4BD
- E1DAC6
- E6E0D0
- EBE6D9
- F0ECE2
- F5F3EC
- FAF9F5
Ombre
- B3A88B
- 988F76
- 7F7762
- 66604E
- 4E493C
- 38342A
- 232019
- 0F0E09
- 020201
Toni
- C6BB9E
- BEB49B
- B6AE97
- AEA794
- A6A091
- 9E9A8D
- 97938A
- 8F8D87
- 878683
Armonie di colore
Complementare +180°
- CEC2A1
Seasoned Salt
- B7C2E2
≈ Canterbury Bells
Analogo -30° +30°
- CEC2A1
Seasoned Salt
- DABCA5
≈ Cinnamon Ice
- BEC8A6
≈ Wispy Mint
Triadico +120° +240°
- CEC2A1
Seasoned Salt
- A1CBD3
≈ Sky Chase
- D5B8D1
≈ Immortal Indigo
Complementare divisa +150° +210°
- CEC2A1
Seasoned Salt
- A8C7DE
≈ Utterly Blue
- C7BCDD
≈ New Love
Tetradico +90° +180° +270°
- CEC2A1
Seasoned Salt
- A3CDC4
≈ Tareyton
- B7C2E2
≈ Canterbury Bells
- DDB7C1
≈ Melanie
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.77:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.85:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.85:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--seasoned-salt: #cec2a1;
--seasoned-salt-rgb: 206 194 161;
--seasoned-salt-oklch: oklch(0.815 0.046 90.4);
}
.element {
color: var(--seasoned-salt);
background-color: hsl(44 31% 72%);
border-color: oklch(0.815 0.046 90.4);
}Tailwind CSS v4
@theme {
--color-seasoned-salt: #cec2a1;
--color-seasoned-salt-50: #faf5e7;
--color-seasoned-salt-100: #ede8d7;
--color-seasoned-salt-200: #dbd4be;
--color-seasoned-salt-300: #c0b79d;
--color-seasoned-salt-400: #a99e7f;
--color-seasoned-salt-500: #928563;
--color-seasoned-salt-600: #7b7154;
--color-seasoned-salt-700: #635a43;
--color-seasoned-salt-800: #494230;
--color-seasoned-salt-900: #332d20;
--color-seasoned-salt-950: #1e1a10;
}SCSS
$seasoned-salt: #cec2a1;
$seasoned-salt-rgb: 206, 194, 161;
$seasoned-salt-light: mix(#fff, $seasoned-salt, 20%);
$seasoned-salt-dark: mix(#000, $seasoned-salt, 20%);
.element {
color: $seasoned-salt;
box-shadow: 0 0 0 2px rgba($seasoned-salt, 0.35);
}