Colore con nome · #65644A
Incense Cedar
Incense Cedar è #65644A: rgb(101 100 74), hsl(58 15% 34%), oklch(0.497 0.039 105.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Incense Cedar color name →
#65644A
oklch(0.497 0.039 105.9)
Conversioni di colore
- HEX
- #65644a
- RGB
- rgb(101 100 74)
- HSL
- hsl(58 15% 34%)
- HWB
- hwb(58 29% 60%)
- OKLCH
- oklch(0.497 0.039 105.9)
- OKLab
- oklab(0.497 -0.011 0.038)
- CIE Lab
- lab(41.92 -3.08 14.97)
- LCH
- lch(41.92 15.29 101.6)
- CMYK
- cmyk(0% 1% 27% 60%)
Tinte · Ombre · Toni
Tinte
- 73725B
- 82816B
- 90907D
- 9F9F8E
- AFAEA0
- BEBEB3
- CECEC5
- DEDED8
- EEEEEC
Ombre
- 57563F
- 494835
- 3C3B2A
- 2F2E20
- 222217
- 17160E
- 0C0B06
- 030302
- 000000
Toni
- 68674F
- 6A6A55
- 6D6C5A
- 706F60
- 727265
- 75756A
- 787870
- 7A7A75
- 7D7D7B
Armonie di colore
Complementare +180°
- 65644A
Incense Cedar
- 605F78
≈ Twilight Dusk
Analogo -30° +30°
- 65644A
Incense Cedar
- 6F6049
≈ Midnight Brown
- 586851
≈ Picholine
Triadico +120° +240°
- 65644A
Incense Cedar
- 4A6774
≈ Azalea Leaf
- 735A67
≈ Aubergine Grey
Complementare divisa +150° +210°
- 65644A
Incense Cedar
- 546479
≈ Evening Symphony
- 6B5C72
≈ Violet Haze
Tetradico +90° +180° +270°
- 65644A
Incense Cedar
- 476A6A
≈ Sea Pine
- 605F78
≈ Twilight Dusk
- 775A5B
≈ Czarina
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.04:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.47:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 6.04:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--incense-cedar: #65644a;
--incense-cedar-rgb: 101 100 74;
--incense-cedar-oklch: oklch(0.497 0.039 105.9);
}
.element {
color: var(--incense-cedar);
background-color: hsl(58 15% 34%);
border-color: oklch(0.497 0.039 105.9);
}Tailwind CSS v4
@theme {
--color-incense-cedar: #65644a;
--color-incense-cedar-50: #f6f6ea;
--color-incense-cedar-100: #e9e9da;
--color-incense-cedar-200: #d5d6c3;
--color-incense-cedar-300: #b9b9a2;
--color-incense-cedar-400: #a1a086;
--color-incense-cedar-500: #89886a;
--color-incense-cedar-600: #74735a;
--color-incense-cedar-700: #5d5c48;
--color-incense-cedar-800: #444334;
--color-incense-cedar-900: #2f2e23;
--color-incense-cedar-950: #1c1b12;
}SCSS
$incense-cedar: #65644a;
$incense-cedar-rgb: 101, 100, 74;
$incense-cedar-light: mix(#fff, $incense-cedar, 20%);
$incense-cedar-dark: mix(#000, $incense-cedar, 20%);
.element {
color: $incense-cedar;
box-shadow: 0 0 0 2px rgba($incense-cedar, 0.35);
}