Benannte Farbe · #266242
Green Pea
Green Pea ist #266242: rgb(38 98 66), hsl(148 44% 27%), oklch(0.447 0.082 157.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Green Pea color name →
#266242
oklch(0.447 0.082 157.2)
Farbumrechnungen
- HEX
- #266242
- RGB
- rgb(38 98 66)
- HSL
- hsl(148 44% 27%)
- HWB
- hwb(148 15% 62%)
- OKLCH
- oklch(0.447 0.082 157.2)
- OKLab
- oklab(0.447 -0.076 0.032)
- CIE Lab
- lab(36.96 -26.6 12.22)
- LCH
- lch(36.96 29.27 155.3)
- CMYK
- cmyk(61% 0% 33% 62%)
Tints · Shades · Tones
Tints
- 3D7153
- 528065
- 678F76
- 7C9E89
- 91AE9C
- A7BEAF
- BCCEC2
- D2DED6
- E8EEEA
Shades
- 205438
- 19472F
- 133A25
- 0D2D1C
- 082114
- 04160B
- 020B05
- 010301
- 000000
Tones
- 316548
- 3B684E
- 456B54
- 4E6E5A
- 577161
- 5F7467
- 67776D
- 707A73
- 787D7A
Farbharmonien
Komplementär +180°
- 266242
Green Pea
- 714265
≈ Purple Drab
Analog -30° +30°
- 266242
Green Pea
- 485D28
≈ Obscure Olive
- 00625C
≈ Emerald Stone
Triadisch +120° +240°
- 266242
Green Pea
- 495082
≈ Roman Violet
- 7B4332
≈ Peanut
Geteilt komplementär +150° +210°
- 266242
Green Pea
- 614878
≈ Picasso Lily
- 7A404C
≈ Berry Bush
Tetradisch +90° +180° +270°
- 266242
Green Pea
- 2B587F
≈ Bahama Blue
- 714265
≈ Purple Drab
- 724B1B
≈ Hairy Brown
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.22:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.90:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.22:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--green-pea: #266242;
--green-pea-rgb: 38 98 66;
--green-pea-oklch: oklch(0.447 0.082 157.2);
}
.element {
color: var(--green-pea);
background-color: hsl(148 44% 27%);
border-color: oklch(0.447 0.082 157.2);
}Tailwind CSS v4
@theme {
--color-green-pea: #266242;
--color-green-pea-50: #e2fded;
--color-green-pea-100: #d2f1de;
--color-green-pea-200: #b7e0c8;
--color-green-pea-300: #94c5a8;
--color-green-pea-400: #75ad8b;
--color-green-pea-500: #549770;
--color-green-pea-600: #487f5f;
--color-green-pea-700: #39664c;
--color-green-pea-800: #2a4b36;
--color-green-pea-900: #1c3425;
--color-green-pea-950: #0c1f13;
}SCSS
$green-pea: #266242;
$green-pea-rgb: 38, 98, 66;
$green-pea-light: mix(#fff, $green-pea, 20%);
$green-pea-dark: mix(#000, $green-pea, 20%);
.element {
color: $green-pea;
box-shadow: 0 0 0 2px rgba($green-pea, 0.35);
}