Benannte Farbe · #254636
Wine Bottle Green
Wine Bottle Green ist #254636: rgb(37 70 54), hsl(151 31% 21%), oklch(0.363 0.048 161.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Wine Bottle Green color name →
#254636
oklch(0.363 0.048 161.6)
Farbumrechnungen
- HEX
- #254636
- RGB
- rgb(37 70 54)
- HSL
- hsl(151 31% 21%)
- HWB
- hwb(151 15% 73%)
- OKLCH
- oklch(0.363 0.048 161.6)
- OKLab
- oklab(0.363 -0.046 0.015)
- CIE Lab
- lab(26.81 -15.98 5.73)
- LCH
- lch(26.81 16.97 160.3)
- CMYK
- cmyk(47% 0% 23% 73%)
Tints · Shades · Tones
Tints
- 395748
- 4D685A
- 62796D
- 778B80
- 8C9E94
- A2B0A9
- B9C4BE
- D0D7D3
- E7EBE9
Shades
- 1F3C2E
- 193225
- 13281E
- 0D1E16
- 08150F
- 040D08
- 020503
- 000201
- 000000
Tones
- 2E4C3D
- 375144
- 40574B
- 495D52
- 52635A
- 5B6861
- 646E69
- 6E7470
- 777A78
Farbharmonien
Komplementär +180°
- 254636
Wine Bottle Green
- 503445
≈ Velvet Touch
Analog -30° +30°
- 254636
Wine Bottle Green
- 354328
≈ Deep Seaweed
- 1A4644
≈ Prestige Green
Triadisch +120° +240°
- 254636
Wine Bottle Green
- 3A3B57
≈ Magic Night
- 54352A
≈ American Mahogany
Geteilt komplementär +150° +210°
- 254636
Wine Bottle Green
- 463751
≈ Purple Plumeria
- 543337
≈ Nectar of the Gods
Tetradisch +90° +180° +270°
- 254636
Wine Bottle Green
- 2B4057
≈ Blue Tone Ink
- 503445
≈ Velvet Touch
- 4E3A20
≈ Witch’s Cottage
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.45:1 · APCA Lc 94
Ag
FailAuf Schwarz
WCAG 2.00:1 · APCA Lc 8
Beste Textfarbe: #FFFFFF
WCAG 10.45:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--wine-bottle-green: #254636;
--wine-bottle-green-rgb: 37 70 54;
--wine-bottle-green-oklch: oklch(0.363 0.048 161.6);
}
.element {
color: var(--wine-bottle-green);
background-color: hsl(151 31% 21%);
border-color: oklch(0.363 0.048 161.6);
}Tailwind CSS v4
@theme {
--color-wine-bottle-green: #254636;
--color-wine-bottle-green-50: #e9faf1;
--color-wine-bottle-green-100: #daede3;
--color-wine-bottle-green-200: #c3dbcf;
--color-wine-bottle-green-300: #a2c0b1;
--color-wine-bottle-green-400: #86a896;
--color-wine-bottle-green-500: #6a917c;
--color-wine-bottle-green-600: #5a7a69;
--color-wine-bottle-green-700: #476254;
--color-wine-bottle-green-800: #34483d;
--color-wine-bottle-green-900: #23322a;
--color-wine-bottle-green-950: #121e17;
}SCSS
$wine-bottle-green: #254636;
$wine-bottle-green-rgb: 37, 70, 54;
$wine-bottle-green-light: mix(#fff, $wine-bottle-green, 20%);
$wine-bottle-green-dark: mix(#000, $wine-bottle-green, 20%);
.element {
color: $wine-bottle-green;
box-shadow: 0 0 0 2px rgba($wine-bottle-green, 0.35);
}