Benoemde kleur · #355E4B
Wine Leaf
Wine Leaf is #355E4B: rgb(53 94 75), hsl(152 28% 29%), oklch(0.446 0.056 162.9). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Green mean? → · Wine Leaf color name →
#355E4B
oklch(0.446 0.056 162.9)
Kleurconversies
- HEX
- #355e4b
- RGB
- rgb(53 94 75)
- HSL
- hsl(152 28% 29%)
- HWB
- hwb(152 21% 63%)
- OKLCH
- oklch(0.446 0.056 162.9)
- OKLab
- oklab(0.446 -0.054 0.017)
- CIE Lab
- lab(36.45 -18.79 6.21)
- LCH
- lch(36.45 19.79 161.7)
- CMYK
- cmyk(44% 0% 20% 63%)
Tinten · Schaduwen · Tonen
Tinten
- 486D5B
- 5B7C6C
- 6F8C7D
- 829B8E
- 96ABA0
- ABBCB3
- BFCCC5
- D4DDD8
- E9EEEB
Schaduwen
- 2D5140
- 254435
- 1D372B
- 152B21
- 0E1F17
- 08140E
- 030A06
- 010302
- 000000
Tonen
- 3D6150
- 456555
- 4D685A
- 546C60
- 5B6F65
- 63726A
- 6A7670
- 717975
- 797D7B
Kleurharmonieën
Complementair +180°
- 355E4B
Wine Leaf
- 6A485C
≈ Annis
Analoog -30° +30°
- 355E4B
Wine Leaf
- 485B3A
≈ Stinging Nettle
- 295E5D
≈ Calypso Green
Triadisch +120° +240°
- 355E4B
Wine Leaf
- 4F5073
≈ Provocative
- 6F4A3B
≈ Cappuccino
Gesplitst complementair +150° +210°
- 355E4B
Wine Leaf
- 5F4B6B
≈ Bon Vivant
- 70474B
≈ Formal Maroon
Tetradisch +90° +180° +270°
- 355E4B
Wine Leaf
- 3D5673
≈ Blue Earth
- 6A485C
≈ Annis
- 674F30
≈ Jungle Beat
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 7.35:1 · APCA Lc 85
Ag
FailOp zwart
WCAG 2.85:1 · APCA Lc 17
Beste tekstkleur: #FFFFFF
WCAG 7.35:1 (AAA) · APCA Lc 85
Contrast pairs
Codefragmenten
CSS
:root {
--wine-leaf: #355e4b;
--wine-leaf-rgb: 53 94 75;
--wine-leaf-oklch: oklch(0.446 0.056 162.9);
}
.element {
color: var(--wine-leaf);
background-color: hsl(152 28% 29%);
border-color: oklch(0.446 0.056 162.9);
}Tailwind CSS v4
@theme {
--color-wine-leaf: #355e4b;
--color-wine-leaf-50: #e7fbf1;
--color-wine-leaf-100: #d7eee3;
--color-wine-leaf-200: #bfdcce;
--color-wine-leaf-300: #9dc1b0;
--color-wine-leaf-400: #80a995;
--color-wine-leaf-500: #63927b;
--color-wine-leaf-600: #547c69;
--color-wine-leaf-700: #436353;
--color-wine-leaf-800: #31493c;
--color-wine-leaf-900: #213229;
--color-wine-leaf-950: #101e17;
}SCSS
$wine-leaf: #355e4b;
$wine-leaf-rgb: 53, 94, 75;
$wine-leaf-light: mix(#fff, $wine-leaf, 20%);
$wine-leaf-dark: mix(#000, $wine-leaf, 20%);
.element {
color: $wine-leaf;
box-shadow: 0 0 0 2px rgba($wine-leaf, 0.35);
}