Benannte Farbe · #0E7C36
Verdant Vale
Verdant Vale ist #0E7C36: rgb(14 124 54), hsl(142 80% 27%), oklch(0.514 0.14 149). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Verdant Vale color name →
#0E7C36
oklch(0.514 0.14 149)
Farbumrechnungen
- HEX
- #0e7c36
- RGB
- rgb(14 124 54)
- HSL
- hsl(142 80% 27%)
- HWB
- hwb(142 5% 51%)
- OKLCH
- oklch(0.514 0.14 149)
- OKLab
- oklab(0.514 -0.12 0.072)
- CIE Lab
- lab(45.32 -41.94 29.33)
- LCH
- lch(45.32 51.18 145)
- CMYK
- cmyk(89% 0% 56% 51%)
Tints · Shades · Tones
Tints
- 34894A
- 4E965D
- 65A371
- 7CB084
- 92BD98
- A7CAAC
- BDD7C0
- D3E4D5
- E9F2EA
Shades
- 0B6B2E
- 075A25
- 054A1E
- 033B16
- 022C0F
- 011E08
- 001103
- 000501
- 000100
Tones
- 267D3F
- 357E47
- 427E4E
- 4C7F56
- 567F5D
- 5F8064
- 68806B
- 708072
- 788079
Farbharmonien
Komplementär +180°
- 0E7C36
Verdant Vale
- 91458E
≈ Plum Pie
Analog -30° +30°
- 0E7C36
Verdant Vale
- 607000
≈ Brownish Green
- 007868
≈ Shady Glade
Triadisch +120° +240°
- 0E7C36
Verdant Vale
- 4760B7
≈ Chinese Bellflower
- A84035
≈ Cherry Race
Geteilt komplementär +150° +210°
- 0E7C36
Verdant Vale
- 7351AB
≈ Royal Lavender
- A33E65
≈ Valentine’s Day
Tetradisch +90° +180° +270°
- 0E7C36
Verdant Vale
- 006EA2
≈ Disarm
- 91458E
≈ Plum Pie
- 995200
≈ Charlie Brown
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.30:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 3.95:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.30:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--verdant-vale: #0e7c36;
--verdant-vale-rgb: 14 124 54;
--verdant-vale-oklch: oklch(0.514 0.14 149);
}
.element {
color: var(--verdant-vale);
background-color: hsl(142 80% 27%);
border-color: oklch(0.514 0.14 149);
}Tailwind CSS v4
@theme {
--color-verdant-vale: #0e7c36;
--color-verdant-vale-50: #d9ffe1;
--color-verdant-vale-100: #c7f6d0;
--color-verdant-vale-200: #a8e6b6;
--color-verdant-vale-300: #80cc93;
--color-verdant-vale-400: #5cb56f;
--color-verdant-vale-500: #2e9f4f;
--color-verdant-vale-600: #298643;
--color-verdant-vale-700: #216b36;
--color-verdant-vale-800: #1a4f24;
--color-verdant-vale-900: #113718;
--color-verdant-vale-950: #032208;
}SCSS
$verdant-vale: #0e7c36;
$verdant-vale-rgb: 14, 124, 54;
$verdant-vale-light: mix(#fff, $verdant-vale, 20%);
$verdant-vale-dark: mix(#000, $verdant-vale, 20%);
.element {
color: $verdant-vale;
box-shadow: 0 0 0 2px rgba($verdant-vale, 0.35);
}