Benannte Farbe · #88A496
Poppy Leaf
Poppy Leaf ist #88A496: rgb(136 164 150), hsl(150 13% 59%), oklch(0.693 0.037 163.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Poppy Leaf color name →
#88A496
oklch(0.693 0.037 163.6)
Farbumrechnungen
- HEX
- #88a496
- RGB
- rgb(136 164 150)
- HSL
- hsl(150 13% 59%)
- HWB
- hwb(150 53% 36%)
- OKLCH
- oklch(0.693 0.037 163.6)
- OKLab
- oklab(0.693 -0.036 0.01)
- CIE Lab
- lab(64.92 -12.26 3.89)
- LCH
- lch(64.92 12.86 162.4)
- CMYK
- cmyk(17% 0% 9% 36%)
Tints · Shades · Tones
Tints
- 93ADA0
- 9FB6AA
- ABBFB4
- B6C8BF
- C2D1C9
- CEDAD4
- DAE3DE
- E6ECE9
- F3F6F4
Shades
- 758E82
- 63796E
- 52645B
- 415049
- 313D37
- 222B26
- 131A16
- 060A08
- 010101
Tones
- 87A094
- 879D92
- 86998F
- 85958D
- 84928B
- 848E89
- 838B87
- 828784
- 818482
Farbharmonien
Komplementär +180°
- 88A496
Poppy Leaf
- AE94A2
≈ Grape Soda
Analog -30° +30°
- 88A496
Poppy Leaf
- 93A28A
≈ Athenian Green
- 82A4A3
≈ Venus Teal
Triadisch +120° +240°
- 88A496
Poppy Leaf
- 999AB3
≈ Bay Fog
- B1958A
≈ Rose Mauve
Geteilt komplementär +150° +210°
- 88A496
Poppy Leaf
- A596AD
≈ Windsor Haze
- B29395
≈ Deauville Mauve
Tetradisch +90° +180° +270°
- 88A496
Poppy Leaf
- 8D9EB4
≈ Periwinkle Dusk
- AE94A2
≈ Grape Soda
- AB9983
≈ Quicksand
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.69:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.79:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.79:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--poppy-leaf: #88a496;
--poppy-leaf-rgb: 136 164 150;
--poppy-leaf-oklch: oklch(0.693 0.037 163.6);
}
.element {
color: var(--poppy-leaf);
background-color: hsl(150 13% 59%);
border-color: oklch(0.693 0.037 163.6);
}Tailwind CSS v4
@theme {
--color-poppy-leaf: #88a496;
--color-poppy-leaf-50: #ecf9f3;
--color-poppy-leaf-100: #ddece5;
--color-poppy-leaf-200: #c6dad0;
--color-poppy-leaf-300: #a6beb3;
--color-poppy-leaf-400: #8ba698;
--color-poppy-leaf-500: #708e7f;
--color-poppy-leaf-600: #5f786c;
--color-poppy-leaf-700: #4c6056;
--color-poppy-leaf-800: #37473e;
--color-poppy-leaf-900: #26312b;
--color-poppy-leaf-950: #141d18;
}SCSS
$poppy-leaf: #88a496;
$poppy-leaf-rgb: 136, 164, 150;
$poppy-leaf-light: mix(#fff, $poppy-leaf, 20%);
$poppy-leaf-dark: mix(#000, $poppy-leaf, 20%);
.element {
color: $poppy-leaf;
box-shadow: 0 0 0 2px rgba($poppy-leaf, 0.35);
}