Nazwany kolor · #686647
Cedar Glen
Cedar Glen to #686647: rgb(104 102 71), hsl(56 19% 34%), oklch(0.504 0.046 104.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Cedar Glen color name →
#686647
oklch(0.504 0.046 104.8)
Konwersje koloru
- HEX
- #686647
- RGB
- rgb(104 102 71)
- HSL
- hsl(56 19% 34%)
- HWB
- hwb(56 28% 59%)
- OKLCH
- oklch(0.504 0.046 104.8)
- OKLab
- oklab(0.504 -0.012 0.045)
- CIE Lab
- lab(42.74 -3.19 17.89)
- LCH
- lch(42.74 18.17 100.1)
- CMYK
- cmyk(0% 2% 32% 59%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 767458
- 848369
- 93917B
- A1A08D
- B0B09F
- C0BFB2
- CFCFC5
- DFDFD8
- EFEFEB
Odcienie ciemniejsze
- 59583D
- 4B4A32
- 3E3C28
- 302F1F
- 242316
- 18170D
- 0C0C06
- 040402
- 000000
Tony
- 6A694D
- 6D6B53
- 6F6E58
- 71705E
- 747364
- 767669
- 79786F
- 7B7B75
- 7E7D7A
Harmonie kolorów
Komplementarna +180°
- 686647
Cedar Glen
- 61617E
≈ Blue Potato
Analogowa -30° +30°
- 686647
Cedar Glen
- 746147
≈ Heavy Brown
- 596A50
≈ Daylight Jungle
Triada +120° +240°
- 686647
Cedar Glen
- 476A78
≈ Planet Green
- 785A6A
≈ Royal Fig
Komplementarna rozszczepiona +150° +210°
- 686647
Cedar Glen
- 52667F
≈ Luxe Blue
- 6E5D77
≈ Princely Violet
Tetrada +90° +180° +270°
- 686647
Cedar Glen
- 446D6C
≈ Farrago
- 61617E
≈ Blue Potato
- 7D5A5C
≈ Berry Brandy
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.86:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.58:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.86:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--cedar-glen: #686647;
--cedar-glen-rgb: 104 102 71;
--cedar-glen-oklch: oklch(0.504 0.046 104.8);
}
.element {
color: var(--cedar-glen);
background-color: hsl(56 19% 34%);
border-color: oklch(0.504 0.046 104.8);
}Tailwind CSS v4
@theme {
--color-cedar-glen: #686647;
--color-cedar-glen-50: #f6f6e7;
--color-cedar-glen-100: #e9e9d8;
--color-cedar-glen-200: #d6d6c0;
--color-cedar-glen-300: #bab99f;
--color-cedar-glen-400: #a2a081;
--color-cedar-glen-500: #8a8865;
--color-cedar-glen-600: #757355;
--color-cedar-glen-700: #5e5c44;
--color-cedar-glen-800: #454331;
--color-cedar-glen-900: #302e21;
--color-cedar-glen-950: #1c1b10;
}SCSS
$cedar-glen: #686647;
$cedar-glen-rgb: 104, 102, 71;
$cedar-glen-light: mix(#fff, $cedar-glen, 20%);
$cedar-glen-dark: mix(#000, $cedar-glen, 20%);
.element {
color: $cedar-glen;
box-shadow: 0 0 0 2px rgba($cedar-glen, 0.35);
}