Benannte Farbe · #B1D99D
Witty Green
Witty Green ist #B1D99D: rgb(177 217 157), hsl(100 44% 73%), oklch(0.841 0.091 135.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Witty Green color name →
#B1D99D
oklch(0.841 0.091 135.4)
Farbumrechnungen
- HEX
- #b1d99d
- RGB
- rgb(177 217 157)
- HSL
- hsl(100 44% 73%)
- HWB
- hwb(100 62% 15%)
- OKLCH
- oklch(0.841 0.091 135.4)
- OKLab
- oklab(0.841 -0.065 0.064)
- CIE Lab
- lab(82.68 -21.75 25.17)
- LCH
- lch(82.68 33.27 130.8)
- CMYK
- cmyk(18% 0% 28% 15%)
Tints · Shades · Tones
Tints
- B9DDA7
- C1E1B1
- C8E5BB
- D0E8C4
- D8ECCE
- E0F0D8
- E7F4E2
- EFF8EB
- F7FBF5
Shades
- 99BC88
- 83A173
- 6C865F
- 576C4C
- 42533A
- 2F3B28
- 1C2518
- 0C1109
- 010201
Tones
- ACD09A
- A7C798
- A2BE95
- 9DB592
- 99AC8F
- 94A38C
- 8F9A89
- 8A9186
- 858983
Farbharmonien
Komplementär +180°
- B1D99D
Witty Green
- E2B9F4
≈ Lavender Fragrance
Analog -30° +30°
- B1D99D
Witty Green
- D3CF88
≈ Yellow Endive
- 90DEBD
≈ Āsmānī Sky
Triadisch +120° +240°
- B1D99D
Witty Green
- A9CEFF
≈ Night Snow
- FFB4B8
≈ Young Salmon
Geteilt komplementär +150° +210°
- B1D99D
Witty Green
- C5C4FF
≈ Light Periwinkle
- F7B3D8
≈ Lavender Candy
Tetradisch +90° +180° +270°
- B1D99D
Witty Green
- 87D8F8
≈ Kul Sharif Blue
- E2B9F4
≈ Lavender Fragrance
- FEB999
≈ Cream Puff
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.58:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.28:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.28:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--witty-green: #b1d99d;
--witty-green-rgb: 177 217 157;
--witty-green-oklch: oklch(0.841 0.091 135.4);
}
.element {
color: var(--witty-green);
background-color: hsl(100 44% 73%);
border-color: oklch(0.841 0.091 135.4);
}Tailwind CSS v4
@theme {
--color-witty-green: #b1d99d;
--color-witty-green-50: #e9fce2;
--color-witty-green-100: #daf0d2;
--color-witty-green-200: #c2deb8;
--color-witty-green-300: #a1c395;
--color-witty-green-400: #87ab74;
--color-witty-green-500: #6b9455;
--color-witty-green-600: #5b7d49;
--color-witty-green-700: #48643a;
--color-witty-green-800: #354928;
--color-witty-green-900: #24331b;
--color-witty-green-950: #131e0b;
}SCSS
$witty-green: #b1d99d;
$witty-green-rgb: 177, 217, 157;
$witty-green-light: mix(#fff, $witty-green, 20%);
$witty-green-dark: mix(#000, $witty-green, 20%);
.element {
color: $witty-green;
box-shadow: 0 0 0 2px rgba($witty-green, 0.35);
}