Benannte Farbe · #859587
Pointed Cabbage Green
Pointed Cabbage Green ist #859587: rgb(133 149 135), hsl(127 7% 55%), oklch(0.653 0.028 148.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Pointed Cabbage Green color name →
#859587
oklch(0.653 0.028 148.9)
Farbumrechnungen
- HEX
- #859587
- RGB
- rgb(133 149 135)
- HSL
- hsl(127 7% 55%)
- HWB
- hwb(127 52% 42%)
- OKLCH
- oklch(0.653 0.028 148.9)
- OKLab
- oklab(0.653 -0.024 0.014)
- CIE Lab
- lab(60.1 -8.05 5.38)
- LCH
- lch(60.1 9.68 146.2)
- CMYK
- cmyk(11% 0% 9% 42%)
Tints · Shades · Tones
Tints
- 919F92
- 9CA99E
- A8B4AA
- B4BEB5
- C0C9C1
- CDD3CD
- D9DEDA
- E6E9E6
- F2F4F2
Shades
- 738175
- 616D63
- 505A51
- 404841
- 303731
- 212621
- 131613
- 060806
- 010101
Tones
- 859386
- 849186
- 848F85
- 838D84
- 838A84
- 828883
- 828682
- 818481
- 818281
Farbharmonien
Komplementär +180°
- 859587
Pointed Cabbage Green
- 9A8A98
≈ Piano Mauve
Analog -30° +30°
- 859587
Pointed Cabbage Green
- 8E9380
≈ Eyre
- 7F9690
≈ Green Granite
Triadisch +120° +240°
- 859587
Pointed Cabbage Green
- 8990A1
≈ Dusty Heather
- A08A86
≈ Storm Red
Geteilt komplementär +150° +210°
- 859587
Pointed Cabbage Green
- 928D9F
≈ Gentle Mauve
- 9F8990
≈ Majolica Mauve
Tetradisch +90° +180° +270°
- 859587
Pointed Cabbage Green
- 81939F
≈ Coastal Vista
- 9A8A98
≈ Piano Mauve
- 9D8C80
≈ Weimaraner
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.15:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.64:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.64:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--pointed-cabbage-green: #859587;
--pointed-cabbage-green-rgb: 133 149 135;
--pointed-cabbage-green-oklch: oklch(0.653 0.028 148.9);
}
.element {
color: var(--pointed-cabbage-green);
background-color: hsl(127 7% 55%);
border-color: oklch(0.653 0.028 148.9);
}Tailwind CSS v4
@theme {
--color-pointed-cabbage-green: #859587;
--color-pointed-cabbage-green-50: #f0f7f1;
--color-pointed-cabbage-green-100: #e2ebe3;
--color-pointed-cabbage-green-200: #ccd8ce;
--color-pointed-cabbage-green-300: #aebcb0;
--color-pointed-cabbage-green-400: #94a396;
--color-pointed-cabbage-green-500: #7a8c7c;
--color-pointed-cabbage-green-600: #677669;
--color-pointed-cabbage-green-700: #535e54;
--color-pointed-cabbage-green-800: #3c453d;
--color-pointed-cabbage-green-900: #29302a;
--color-pointed-cabbage-green-950: #171c17;
}SCSS
$pointed-cabbage-green: #859587;
$pointed-cabbage-green-rgb: 133, 149, 135;
$pointed-cabbage-green-light: mix(#fff, $pointed-cabbage-green, 20%);
$pointed-cabbage-green-dark: mix(#000, $pointed-cabbage-green, 20%);
.element {
color: $pointed-cabbage-green;
box-shadow: 0 0 0 2px rgba($pointed-cabbage-green, 0.35);
}