Benannte Farbe · #2B553E
Green Stain
Green Stain ist #2B553E: rgb(43 85 62), hsl(147 33% 25%), oklch(0.412 0.062 158.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Green Stain color name →
#2B553E
oklch(0.412 0.062 158.2)
Farbumrechnungen
- HEX
- #2b553e
- RGB
- rgb(43 85 62)
- HSL
- hsl(147 33% 25%)
- HWB
- hwb(147 17% 67%)
- OKLCH
- oklch(0.412 0.062 158.2)
- OKLab
- oklab(0.412 -0.057 0.023)
- CIE Lab
- lab(32.57 -19.96 8.72)
- LCH
- lch(32.57 21.79 156.4)
- CMYK
- cmyk(49% 0% 27% 67%)
Tints · Shades · Tones
Tints
- 3F654F
- 537561
- 688573
- 7C9586
- 91A699
- A6B8AD
- BCC9C1
- D2DBD5
- E8EDEA
Shades
- 244935
- 1D3D2B
- 163123
- 10261A
- 0A1C12
- 05110A
- 020804
- 010201
- 000000
Tones
- 345944
- 3D5E4B
- 466251
- 4E6658
- 576B5E
- 5F6F65
- 67736C
- 6F7772
- 787C79
Farbharmonien
Komplementär +180°
- 2B553E
Green Stain
- 613D56
≈ Dark Potion
Analog -30° +30°
- 2B553E
Green Stain
- 41512C
≈ Zen Garden Olive
- 185551
≈ Tabriz Teal
Triadisch +120° +240°
- 2B553E
Green Stain
- 43476C
≈ Deep Cobalt
- 683F32
≈ Roasted Coffee
Geteilt komplementär +150° +210°
- 2B553E
Green Stain
- 544265
≈ When Blue Met Red
- 673C44
≈ Red Mahogany
Tetradisch +90° +180° +270°
- 2B553E
Green Stain
- 2F4E6B
≈ Celestial Blue
- 613D56
≈ Dark Potion
- 614424
≈ Satoimo Brown
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.49:1 · APCA Lc 89
Ag
FailAuf Schwarz
WCAG 2.47:1 · APCA Lc 13
Beste Textfarbe: #FFFFFF
WCAG 8.49:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--green-stain: #2b553e;
--green-stain-rgb: 43 85 62;
--green-stain-oklch: oklch(0.412 0.062 158.2);
}
.element {
color: var(--green-stain);
background-color: hsl(147 33% 25%);
border-color: oklch(0.412 0.062 158.2);
}Tailwind CSS v4
@theme {
--color-green-stain: #2b553e;
--color-green-stain-50: #e7fbef;
--color-green-stain-100: #d7efe1;
--color-green-stain-200: #bfddcb;
--color-green-stain-300: #9dc2ad;
--color-green-stain-400: #80aa91;
--color-green-stain-500: #629377;
--color-green-stain-600: #547c65;
--color-green-stain-700: #436350;
--color-green-stain-800: #314939;
--color-green-stain-900: #213327;
--color-green-stain-950: #101e15;
}SCSS
$green-stain: #2b553e;
$green-stain-rgb: 43, 85, 62;
$green-stain-light: mix(#fff, $green-stain, 20%);
$green-stain-dark: mix(#000, $green-stain, 20%);
.element {
color: $green-stain;
box-shadow: 0 0 0 2px rgba($green-stain, 0.35);
}