Najbliższy nazwany kolor · #00BC93
#00BC93
Najbliższy nazwany kolor: Slime Girl
#00BC93 (rgb(0 188 147), hsl(167 100% 37%), oklch(0.707 0.14 169.9)) jest najbliższy nazwanemu kolorowi Slime Girl. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#00BC93
oklch(0.707 0.14 169.9)
Konwersje koloru
- HEX
- #00bc93
- RGB
- rgb(0 188 147)
- HSL
- hsl(167 100% 37%)
- HWB
- hwb(167 0% 26%)
- OKLCH
- oklch(0.707 0.14 169.9)
- OKLab
- oklab(0.707 -0.138 0.025)
- CIE Lab
- lab(67.89 -49.08 9.03)
- LCH
- lch(67.89 49.9 169.6)
- CMYK
- cmyk(100% 0% 22% 26%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 40C39D
- 5ECAA8
- 77D1B2
- 8CD8BD
- A1DEC8
- B5E5D3
- C8ECDE
- DAF2E9
- EDF9F4
Odcienie ciemniejsze
- 00A37F
- 008B6C
- 007359
- 005D47
- 004736
- 003225
- 001F16
- 000D08
- 000201
Tony
- 2EB691
- 42B08F
- 4FAA8D
- 5AA48B
- 639E8A
- 6A9888
- 719286
- 778C84
- 7C8682
Harmonie kolorów
Komplementarna +180°
- 00BC93
Slime Girl
- E079AD
≈ Pinking. Fast and Slow
Analogowa -30° +30°
- 00BC93
Slime Girl
- 6FB65F
≈ Palm Tree
- 00B7BE
≈ Cyan Sky
Triada +120° +240°
- 00BC93
Slime Girl
- A090F1
≈ Cobalite
- E58449
≈ Muskmelon
Komplementarna rozszczepiona +150° +210°
- 00BC93
Slime Girl
- C782D7
≈ Purception
- EB7A7C
≈ Siesta Rose
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.43:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.61:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.61:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
CSS
:root {
--slime-girl: #00bc93;
--slime-girl-rgb: 0 188 147;
--slime-girl-oklch: oklch(0.707 0.14 169.9);
}
.element {
color: var(--slime-girl);
background-color: hsl(167 100% 37%);
border-color: oklch(0.707 0.14 169.9);
}Tailwind CSS v4
@theme {
--color-slime-girl: #00bc93;
--color-slime-girl-50: #cdfff0;
--color-slime-girl-100: #b8f8e2;
--color-slime-girl-200: #94e8cd;
--color-slime-girl-300: #60cfaf;
--color-slime-girl-400: #1eb891;
--color-slime-girl-500: #00a277;
--color-slime-girl-600: #008965;
--color-slime-girl-700: #006e51;
--color-slime-girl-800: #005139;
--color-slime-girl-900: #003927;
--color-slime-girl-950: #002315;
}SCSS
$slime-girl: #00bc93;
$slime-girl-rgb: 0, 188, 147;
$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);
}