Nazwany kolor · #65644A
Incense Cedar
Incense Cedar to #65644A: rgb(101 100 74), hsl(58 15% 34%), oklch(0.497 0.039 105.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Incense Cedar color name →
#65644A
oklch(0.497 0.039 105.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 73725B
- 82816B
- 90907D
- 9F9F8E
- AFAEA0
- BEBEB3
- CECEC5
- DEDED8
- EEEEEC
Odcienie ciemniejsze
- 57563F
- 494835
- 3C3B2A
- 2F2E20
- 222217
- 17160E
- 0C0B06
- 030302
- 000000
Tony
- 68674F
- 6A6A55
- 6D6C5A
- 706F60
- 727265
- 75756A
- 787870
- 7A7A75
- 7D7D7B
Harmonie kolorów
Komplementarna +180°
- 65644A
Incense Cedar
- 605F78
≈ Twilight Dusk
Analogowa -30° +30°
- 65644A
Incense Cedar
- 6F6049
≈ Midnight Brown
- 586851
≈ Picholine
Triada +120° +240°
- 65644A
Incense Cedar
- 4A6774
≈ Azalea Leaf
- 735A67
≈ Aubergine Grey
Komplementarna rozszczepiona +150° +210°
- 65644A
Incense Cedar
- 546479
≈ Evening Symphony
- 6B5C72
≈ Violet Haze
Tetrada +90° +180° +270°
- 65644A
Incense Cedar
- 476A6A
≈ Sea Pine
- 605F78
≈ Twilight Dusk
- 775A5B
≈ Czarina
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.04:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.47:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.04:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
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);
}