Benannte Farbe · #23414E
Green Vogue
Green Vogue ist #23414E: rgb(35 65 78), hsl(198 38% 22%), oklch(0.358 0.042 227.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Green Vogue color name →
#23414E
oklch(0.358 0.042 227.8)
Farbumrechnungen
- HEX
- #23414e
- RGB
- rgb(35 65 78)
- HSL
- hsl(198 38% 22%)
- HWB
- hwb(198 14% 69%)
- OKLCH
- oklch(0.358 0.042 227.8)
- OKLab
- oklab(0.358 -0.028 -0.031)
- CIE Lab
- lab(25.64 -8.46 -11.58)
- LCH
- lch(25.64 14.34 233.9)
- CMYK
- cmyk(55% 17% 0% 69%)
Tints · Shades · Tones
Tints
- 37525E
- 4B636F
- 60757F
- 758891
- 8B9BA2
- A1AEB4
- B8C2C7
- CFD6D9
- E7EAEC
Shades
- 1D3743
- 172E38
- 11252D
- 0C1C23
- 071319
- 040B0F
- 010507
- 000102
- 000000
Tones
- 2C4753
- 364D58
- 3F535D
- 485A62
- 516067
- 5A666C
- 646D71
- 6D7376
- 77797B
Farbharmonien
Komplementär +180°
- 23414E
Green Vogue
- 4F3629
≈ Bramble Bush
Analog -30° +30°
- 23414E
Green Vogue
- 1E4344
≈ Pine Hollow
- 2F3D53
≈ Biscay
Triadisch +120° +240°
- 23414E
Green Vogue
- 4D3340
≈ Red Onion
- 3F3E24
≈ Scorched Metal
Geteilt komplementär +150° +210°
- 23414E
Green Vogue
- 513334
≈ Decadent Chocolate
- 493A22
≈ Café Noir
Tetradisch +90° +180° +270°
- 23414E
Green Vogue
- 46364B
≈ Purple Verbena
- 4F3629
≈ Bramble Bush
- 32422C
≈ Deep Seaweed
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.83:1 · APCA Lc 95
Ag
FailAuf Schwarz
WCAG 1.93:1 · APCA Lc 8
Beste Textfarbe: #FFFFFF
WCAG 10.83:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--green-vogue: #23414e;
--green-vogue-rgb: 35 65 78;
--green-vogue-oklch: oklch(0.358 0.042 227.8);
}
.element {
color: var(--green-vogue);
background-color: hsl(198 38% 22%);
border-color: oklch(0.358 0.042 227.8);
}Tailwind CSS v4
@theme {
--color-green-vogue: #23414e;
--color-green-vogue-50: #eaf8ff;
--color-green-vogue-100: #daebf3;
--color-green-vogue-200: #c3d8e3;
--color-green-vogue-300: #a2bcc9;
--color-green-vogue-400: #85a4b2;
--color-green-vogue-500: #698c9c;
--color-green-vogue-600: #597784;
--color-green-vogue-700: #475f6a;
--color-green-vogue-800: #33464e;
--color-green-vogue-900: #223036;
--color-green-vogue-950: #111c21;
}SCSS
$green-vogue: #23414e;
$green-vogue-rgb: 35, 65, 78;
$green-vogue-light: mix(#fff, $green-vogue, 20%);
$green-vogue-dark: mix(#000, $green-vogue, 20%);
.element {
color: $green-vogue;
box-shadow: 0 0 0 2px rgba($green-vogue, 0.35);
}