Benannte Farbe · #35654D
Poker Green
Poker Green ist #35654D: rgb(53 101 77), hsl(150 31% 30%), oklch(0.465 0.066 160.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Poker Green color name →
#35654D
oklch(0.465 0.066 160.5)
Farbumrechnungen
- HEX
- #35654d
- RGB
- rgb(53 101 77)
- HSL
- hsl(150 31% 30%)
- HWB
- hwb(150 21% 60%)
- OKLCH
- oklch(0.465 0.066 160.5)
- OKLab
- oklab(0.465 -0.062 0.022)
- CIE Lab
- lab(38.85 -21.79 8.34)
- LCH
- lch(38.85 23.34 159.1)
- CMYK
- cmyk(48% 0% 24% 60%)
Tints · Shades · Tones
Tints
- 49735D
- 5C826E
- 70917F
- 83A090
- 97AFA2
- ABBFB4
- C0CFC6
- D5DFD9
- EAEFEC
Shades
- 2D5742
- 254937
- 1D3C2C
- 152F22
- 0E2218
- 08170F
- 030C07
- 010302
- 000000
Tones
- 3D6852
- 466B57
- 4D6D5C
- 557061
- 5C7366
- 63756B
- 6B7870
- 727B76
- 797D7B
Farbharmonien
Komplementär +180°
- 35654D
Poker Green
- 734B65
≈ Dirty Purple
Analog -30° +30°
- 35654D
Poker Green
- 4D6139
≈ Plasticine
- 236562
≈ Strong Sage
Triadisch +120° +240°
- 35654D
Poker Green
- 52557E
≈ Dusk
- 794D3C
≈ Cheeky Chestnut
Geteilt komplementär +150° +210°
- 35654D
Poker Green
- 654F75
≈ Exotic Purple
- 7A4A51
≈ Nocturne Red
Tetradisch +90° +180° +270°
- 35654D
Poker Green
- 3C5C7D
≈ Matisse
- 734B65
≈ Dirty Purple
- 71532E
≈ Bark Brown
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.73:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.12:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.73:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--poker-green: #35654d;
--poker-green-rgb: 53 101 77;
--poker-green-oklch: oklch(0.465 0.066 160.5);
}
.element {
color: var(--poker-green);
background-color: hsl(150 31% 30%);
border-color: oklch(0.465 0.066 160.5);
}Tailwind CSS v4
@theme {
--color-poker-green: #35654d;
--color-poker-green-50: #e5fbf0;
--color-poker-green-100: #d5efe1;
--color-poker-green-200: #bcdecc;
--color-poker-green-300: #9ac2ad;
--color-poker-green-400: #7cab91;
--color-poker-green-500: #5d9478;
--color-poker-green-600: #507d65;
--color-poker-green-700: #3f6451;
--color-poker-green-800: #2e493a;
--color-poker-green-900: #1f3328;
--color-poker-green-950: #0f1f16;
}SCSS
$poker-green: #35654d;
$poker-green-rgb: 53, 101, 77;
$poker-green-light: mix(#fff, $poker-green, 20%);
$poker-green-dark: mix(#000, $poker-green, 20%);
.element {
color: $poker-green;
box-shadow: 0 0 0 2px rgba($poker-green, 0.35);
}