Benannte Farbe · #465149
Green Column
Green Column ist #465149: rgb(70 81 73), hsl(136 7% 30%), oklch(0.423 0.019 153.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Green Column color name →
#465149
oklch(0.423 0.019 153.9)
Farbumrechnungen
- HEX
- #465149
- RGB
- rgb(70 81 73)
- HSL
- hsl(136 7% 30%)
- HWB
- hwb(136 27% 68%)
- OKLCH
- oklch(0.423 0.019 153.9)
- OKLab
- oklab(0.423 -0.017 0.008)
- CIE Lab
- lab(33.28 -5.89 3.17)
- LCH
- lch(33.28 6.7 151.7)
- CMYK
- cmyk(14% 0% 10% 68%)
Tints · Shades · Tones
Tints
- 576159
- 68716A
- 79817B
- 8B928D
- 9EA49F
- B0B5B2
- C3C7C4
- D7DAD8
- EBECEB
Shades
- 3C453E
- 323A34
- 282F2A
- 1E2420
- 151A17
- 0D100E
- 050706
- 020202
- 000000
Tones
- 4C564E
- 515A54
- 575F59
- 5D635E
- 626864
- 686D69
- 6E726F
- 747675
- 7A7B7A
Farbharmonien
Komplementär +180°
- 465149
Green Column
- 554A52
≈ Deep Mulberry
Analog -30° +30°
- 465149
Green Column
- 4B5044
≈ Shade-Grown
- 42514F
≈ Black Evergreen
Triadisch +120° +240°
- 465149
Green Column
- 4A4D59
≈ Blue Sash
- 584A47
≈ Molasses
Geteilt komplementär +150° +210°
- 465149
Green Column
- 504B57
≈ Tyrian
- 574A4C
≈ Wizard’s Spell
Tetradisch +90° +180° +270°
- 465149
Green Column
- 454F58
≈ Evening Storm
- 554A52
≈ Deep Mulberry
- 554C43
≈ Barnwood
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.28:1 · APCA Lc 89
Ag
FailAuf Schwarz
WCAG 2.53:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.28:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--green-column: #465149;
--green-column-rgb: 70 81 73;
--green-column-oklch: oklch(0.423 0.019 153.9);
}
.element {
color: var(--green-column);
background-color: hsl(136 7% 30%);
border-color: oklch(0.423 0.019 153.9);
}Tailwind CSS v4
@theme {
--color-green-column: #465149;
--color-green-column-50: #f1f7f3;
--color-green-column-100: #e3eae5;
--color-green-column-200: #ced7d1;
--color-green-column-300: #b0bab3;
--color-green-column-400: #96a299;
--color-green-column-500: #7d8a80;
--color-green-column-600: #6a756d;
--color-green-column-700: #545d57;
--color-green-column-800: #3e443f;
--color-green-column-900: #2a2f2b;
--color-green-column-950: #181c19;
}SCSS
$green-column: #465149;
$green-column-rgb: 70, 81, 73;
$green-column-light: mix(#fff, $green-column, 20%);
$green-column-dark: mix(#000, $green-column, 20%);
.element {
color: $green-column;
box-shadow: 0 0 0 2px rgba($green-column, 0.35);
}