Benannte Farbe · #00BB88
Slime Girl
Slime Girl ist #00BB88: rgb(0 187 136), hsl(164 100% 37%), oklch(0.702 0.147 165.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Slime Girl color name →
#00BB88
oklch(0.702 0.147 165.1)
Farbumrechnungen
- HEX
- #00bb88
- RGB
- rgb(0 187 136)
- HSL
- hsl(164 100% 37%)
- HWB
- hwb(164 0% 27%)
- OKLCH
- oklch(0.702 0.147 165.1)
- OKLab
- oklab(0.702 -0.142 0.038)
- CIE Lab
- lab(67.36 -50.78 14.22)
- LCH
- lch(67.36 52.73 164.4)
- CMYK
- cmyk(100% 0% 27% 27%)
Tints · Shades · Tones
Tints
- 40C293
- 5EC99F
- 76D0AB
- 8CD7B6
- A0DEC2
- B4E5CE
- C7EBDA
- DAF2E6
- EDF9F3
Shades
- 00A275
- 008A63
- 007352
- 005C41
- 004631
- 003222
- 001F13
- 000D06
- 000201
Tones
- 2EB587
- 41AF87
- 4FAA86
- 5AA485
- 629E84
- 6A9884
- 719283
- 768C82
- 7B8681
Farbharmonien
Komplementär +180°
- 00BB88
Slime Girl
- DE76B4
≈ Fuchsia Blush
Analog -30° +30°
- 00BB88
Slime Girl
- 75B34F
≈ Sparkling Apple
- 00B6B6
≈ Swagger
Triadisch +120° +240°
- 00BB88
Slime Girl
- 9790F6
≈ Periwinkle Blue
- E87E4A
≈ Sizzling Sunset
Geteilt komplementär +150° +210°
- 00BB88
Slime Girl
- C180DD
≈ Lavender Perceptions
- EC7481
≈ Passion Pink
Tetradisch +90° +180° +270°
- 00BB88
Slime Girl
- 5BA1F8
≈ Feather Star
- DE76B4
≈ Fuchsia Blush
- D38F04
≈ End of Summer
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.48:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.46:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.46:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--slime-girl: #00bb88;
--slime-girl-rgb: 0 187 136;
--slime-girl-oklch: oklch(0.702 0.147 165.1);
}
.element {
color: var(--slime-girl);
background-color: hsl(164 100% 37%);
border-color: oklch(0.702 0.147 165.1);
}Tailwind CSS v4
@theme {
--color-slime-girl: #00bb88;
--color-slime-girl-50: #ceffec;
--color-slime-girl-100: #b9f8de;
--color-slime-girl-200: #94e9c7;
--color-slime-girl-300: #61cfa8;
--color-slime-girl-400: #21b989;
--color-slime-girl-500: #00a36d;
--color-slime-girl-600: #008a5d;
--color-slime-girl-700: #006f4a;
--color-slime-girl-800: #005133;
--color-slime-girl-900: #003923;
--color-slime-girl-950: #002312;
}SCSS
$slime-girl: #00bb88;
$slime-girl-rgb: 0, 187, 136;
$slime-girl-light: mix(#fff, $slime-girl, 20%);
$slime-girl-dark: mix(#000, $slime-girl, 20%);
.element {
color: $slime-girl;
box-shadow: 0 0 0 2px rgba($slime-girl, 0.35);
}