Couleur nommée la plus proche · #00B980
#00B980
Couleur nommée la plus proche: Slime Girl
#00B980 (rgb(0 185 128), hsl(162 100% 36%), oklch(0.695 0.151 162.4)) est la plus proche de la couleur nommée Slime Girl. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#00B980
oklch(0.695 0.151 162.4)
Conversions de couleur
- HEX
- #00b980
- RGB
- rgb(0 185 128)
- HSL
- hsl(162 100% 36%)
- HWB
- hwb(162 0% 27%)
- OKLCH
- oklch(0.695 0.151 162.4)
- OKLab
- oklab(0.695 -0.144 0.046)
- CIE Lab
- lab(66.59 -51.51 17.43)
- LCH
- lch(66.59 54.38 161.3)
- CMYK
- cmyk(100% 0% 31% 27%)
Teintes · Ombres · Tons
Teintes
- 3FC08C
- 5DC899
- 75CFA5
- 8BD6B2
- A0DDBE
- B4E4CB
- C7EBD8
- DAF2E5
- ECF8F2
Ombres
- 00A06E
- 00895D
- 00714D
- 005B3D
- 00462E
- 00311F
- 001E12
- 000D06
- 000201
Tons
- 2DB380
- 41AE80
- 4EA880
- 59A381
- 629D81
- 6A9781
- 709280
- 768C80
- 7B8680
Harmonies de couleurs
Complémentaire +180°
- 00B980
Slime Girl
- DB73B6
≈ Purple Hollyhock
Analogue -30° +30°
- 00B980
Slime Girl
- 78B044
≈ Sparkling Apple
- 00B4B0
≈ Laguna Green
Triadique +120° +240°
- 00B980
Slime Girl
- 908EF7
≈ Lavender Blue Shadow
- E9794A
≈ Ouni Red
Complémentaire divisée +150° +210°
- 00B980
Slime Girl
- BD7EE0
≈ Lavender Blossom
- EA7083
≈ Zany Pink
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.54:1 · APCA Lc 49
Ag
AAASur noir
WCAG 8.25:1 · APCA Lc 53
Meilleure couleur de texte: #000000
WCAG 8.25:1 (AAA) · APCA Lc 53
Contrast pairs
Extraits de code
CSS
:root {
--slime-girl: #00b980;
--slime-girl-rgb: 0 185 128;
--slime-girl-oklch: oklch(0.695 0.151 162.4);
}
.element {
color: var(--slime-girl);
background-color: hsl(162 100% 36%);
border-color: oklch(0.695 0.151 162.4);
}Tailwind CSS v4
@theme {
--color-slime-girl: #00b980;
--color-slime-girl-50: #ceffea;
--color-slime-girl-100: #b9f9db;
--color-slime-girl-200: #94e9c3;
--color-slime-girl-300: #62d0a3;
--color-slime-girl-400: #25b983;
--color-slime-girl-500: #00a367;
--color-slime-girl-600: #008a57;
--color-slime-girl-700: #006f46;
--color-slime-girl-800: #005230;
--color-slime-girl-900: #003920;
--color-slime-girl-950: #002310;
}SCSS
$slime-girl: #00b980;
$slime-girl-rgb: 0, 185, 128;
$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);
}