Benannte Farbe · #0E695F
Evergreen Forest
Evergreen Forest ist #0E695F: rgb(14 105 95), hsl(173 76% 23%), oklch(0.47 0.08 183.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Evergreen Forest color name →
#0E695F
oklch(0.47 0.08 183.2)
Farbumrechnungen
- HEX
- #0e695f
- RGB
- rgb(14 105 95)
- HSL
- hsl(173 76% 23%)
- HWB
- hwb(173 5% 59%)
- OKLCH
- oklch(0.47 0.08 183.2)
- OKLab
- oklab(0.47 -0.08 -0.004)
- CIE Lab
- lab(39.44 -27.76 -1.87)
- LCH
- lch(39.44 27.82 183.9)
- CMYK
- cmyk(87% 0% 10% 59%)
Tints · Shades · Tones
Tints
- 31776E
- 4A867D
- 61948C
- 78A39C
- 8EB2AB
- A4C1BC
- BBD0CC
- D1E0DD
- E8EFEE
Shades
- 0B5A52
- 074C44
- 053E38
- 03312C
- 022420
- 011815
- 000C0A
- 000403
- 000000
Tones
- 246B62
- 326E65
- 3E7069
- 49736C
- 53756F
- 5D7773
- 667A76
- 6F7C79
- 777E7D
Farbharmonien
Komplementär +180°
- 0E695F
Evergreen Forest
- 804756
≈ Haunting Melody
Analog -30° +30°
- 0E695F
Evergreen Forest
- 336845
≈ Thousand Years Green
- 096675
≈ Bankson Lake
Triadisch +120° +240°
- 0E695F
Evergreen Forest
- 644F7F
≈ Imperial Palace
- 7A5027
≈ Brown-Noser
Geteilt komplementär +150° +210°
- 0E695F
Evergreen Forest
- 75496E
≈ Old Fashioned Purple
- 81493D
≈ Nutmeg
Tetradisch +90° +180° +270°
- 0E695F
Evergreen Forest
- 4C5787
≈ Baby Whale
- 804756
≈ Haunting Melody
- 6A591E
≈ Bean Green
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.55:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.20:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.55:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--evergreen-forest: #0e695f;
--evergreen-forest-rgb: 14 105 95;
--evergreen-forest-oklch: oklch(0.47 0.08 183.2);
}
.element {
color: var(--evergreen-forest);
background-color: hsl(173 76% 23%);
border-color: oklch(0.47 0.08 183.2);
}Tailwind CSS v4
@theme {
--color-evergreen-forest: #0e695f;
--color-evergreen-forest-50: #ddfdf8;
--color-evergreen-forest-100: #cbf1eb;
--color-evergreen-forest-200: #afe0d9;
--color-evergreen-forest-300: #88c5bd;
--color-evergreen-forest-400: #65aea3;
--color-evergreen-forest-500: #3d978b;
--color-evergreen-forest-600: #358076;
--color-evergreen-forest-700: #2a675e;
--color-evergreen-forest-800: #1e4b44;
--color-evergreen-forest-900: #14342f;
--color-evergreen-forest-950: #05201b;
}SCSS
$evergreen-forest: #0e695f;
$evergreen-forest-rgb: 14, 105, 95;
$evergreen-forest-light: mix(#fff, $evergreen-forest, 20%);
$evergreen-forest-dark: mix(#000, $evergreen-forest, 20%);
.element {
color: $evergreen-forest;
box-shadow: 0 0 0 2px rgba($evergreen-forest, 0.35);
}