Benannte Farbe · #B5D0A2
Apium
Apium ist #B5D0A2: rgb(181 208 162), hsl(95 33% 73%), oklch(0.826 0.069 132.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Apium color name →
#B5D0A2
oklch(0.826 0.069 132.6)
Farbumrechnungen
- HEX
- #b5d0a2
- RGB
- rgb(181 208 162)
- HSL
- hsl(95 33% 73%)
- HWB
- hwb(95 64% 18%)
- OKLCH
- oklch(0.826 0.069 132.6)
- OKLab
- oklab(0.826 -0.047 0.051)
- CIE Lab
- lab(80.57 -15.58 19.78)
- LCH
- lch(80.57 25.18 128.2)
- CMYK
- cmyk(13% 0% 22% 18%)
Tints · Shades · Tones
Tints
- BCD5AB
- C4D9B4
- CBDEBE
- D2E3C7
- DAE8D0
- E1ECDA
- E8F1E3
- F0F6EC
- F7FAF6
Shades
- 9DB58C
- 869A77
- 6F8063
- 59674F
- 444F3C
- 30392A
- 1D2319
- 0C100A
- 020201
Tones
- B0C89F
- AAC09B
- A5B798
- A0AF95
- 9AA791
- 959F8E
- 90978A
- 8A9087
- 858884
Farbharmonien
Komplementär +180°
- B5D0A2
Apium
- D5B9E7
≈ Pretty Petunia
Analog -30° +30°
- B5D0A2
Apium
- CEC894
≈ Tidal Green
- 9DD4B9
≈ Menthol Green
Triadisch +120° +240°
- B5D0A2
Apium
- A6C9F2
≈ Baby Blue Eyes
- EFB4B9
≈ Jaguar Rose
Geteilt komplementär +150° +210°
- B5D0A2
Apium
- BFC1F2
≈ Vodka
- E7B5D2
≈ Sweet Lilac
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.67:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.50:1 · APCA Lc 73
Beste Textfarbe: #000000
WCAG 12.50:1 (AAA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--apium: #b5d0a2;
--apium-rgb: 181 208 162;
--apium-oklch: oklch(0.826 0.069 132.6);
}
.element {
color: var(--apium);
background-color: hsl(95 33% 73%);
border-color: oklch(0.826 0.069 132.6);
}Tailwind CSS v4
@theme {
--color-apium: #b5d0a2;
--color-apium-50: #edfae6;
--color-apium-100: #deedd6;
--color-apium-200: #c8dbbe;
--color-apium-300: #a9c09c;
--color-apium-400: #8fa87d;
--color-apium-500: #759060;
--color-apium-600: #637a52;
--color-apium-700: #4f6241;
--color-apium-800: #3a472e;
--color-apium-900: #28311f;
--color-apium-950: #161d0f;
}SCSS
$apium: #b5d0a2;
$apium-rgb: 181, 208, 162;
$apium-light: mix(#fff, $apium, 20%);
$apium-dark: mix(#000, $apium, 20%);
.element {
color: $apium;
box-shadow: 0 0 0 2px rgba($apium, 0.35);
}