Benannte Farbe · #788078
Cedar Forest
Cedar Forest ist #788078: rgb(120 128 120), hsl(120 3% 49%), oklch(0.591 0.015 145.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Cedar Forest color name →
#788078
oklch(0.591 0.015 145.4)
Farbumrechnungen
- HEX
- #788078
- RGB
- rgb(120 128 120)
- HSL
- hsl(120 3% 49%)
- HWB
- hwb(120 47% 50%)
- OKLCH
- oklch(0.591 0.015 145.4)
- OKLab
- oklab(0.591 -0.013 0.009)
- CIE Lab
- lab(52.72 -4.29 3.28)
- LCH
- lch(52.72 5.4 142.6)
- CMYK
- cmyk(6% 0% 6% 50%)
Tints · Shades · Tones
Tints
- 858C85
- 919891
- 9FA49F
- ACB1AC
- B9BEB9
- C7CAC7
- D5D7D5
- E3E4E3
- F1F2F1
Shades
- 676E67
- 575D57
- 484D48
- 393D39
- 2A2E2A
- 1D1F1D
- 101210
- 050605
- 010101
Tones
- 798079
- 7A807A
- 7A807A
- 7B807B
- 7C807C
- 7D807D
- 7E807E
- 7E807E
- 7F807F
Farbharmonien
Komplementär +180°
- 788078
Cedar Forest
- 827A82
≈ Magic Dust
Analog -30° +30°
- 788078
Cedar Forest
- 7D7F75
≈ Retreat
- 75817D
≈ Adrift at Sea
Triadisch +120° +240°
- 788078
Cedar Forest
- 797D87
≈ Nocturnal
- 867A79
≈ Complex Grey
Geteilt komplementär +150° +210°
- 788078
Cedar Forest
- 7E7C86
≈ Silver Surfer
- 857A7E
≈ Storm Front
Tetradisch +90° +180° +270°
- 788078
Cedar Forest
- 757F85
≈ Downing Slate
- 827A82
≈ Magic Dust
- 857B75
≈ Mule
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.07:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.15:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.15:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--cedar-forest: #788078;
--cedar-forest-rgb: 120 128 120;
--cedar-forest-oklch: oklch(0.591 0.015 145.4);
}
.element {
color: var(--cedar-forest);
background-color: hsl(120 3% 49%);
border-color: oklch(0.591 0.015 145.4);
}Tailwind CSS v4
@theme {
--color-cedar-forest: #788078;
--color-cedar-forest-50: #f2f6f3;
--color-cedar-forest-100: #e5e9e5;
--color-cedar-forest-200: #d0d6d0;
--color-cedar-forest-300: #b2bab3;
--color-cedar-forest-400: #99a199;
--color-cedar-forest-500: #808980;
--color-cedar-forest-600: #6c746c;
--color-cedar-forest-700: #575d57;
--color-cedar-forest-800: #3f443f;
--color-cedar-forest-900: #2c2f2b;
--color-cedar-forest-950: #191b19;
}SCSS
$cedar-forest: #788078;
$cedar-forest-rgb: 120, 128, 120;
$cedar-forest-light: mix(#fff, $cedar-forest, 20%);
$cedar-forest-dark: mix(#000, $cedar-forest, 20%);
.element {
color: $cedar-forest;
box-shadow: 0 0 0 2px rgba($cedar-forest, 0.35);
}