Couleur nommée · #A7C408
Slime
Slime correspond à #A7C408 : rgb(167 196 8), hsl(69 92% 40%), oklch(0.771 0.182 119.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Slime color name →
#A7C408
oklch(0.771 0.182 119.9)
Conversions de couleur
- HEX
- #a7c408
- RGB
- rgb(167 196 8)
- HSL
- hsl(69 92% 40%)
- HWB
- hwb(69 3% 23%)
- OKLCH
- oklch(0.771 0.182 119.9)
- OKLab
- oklab(0.771 -0.09 0.157)
- CIE Lab
- lab(74.94 -24.95 72.99)
- LCH
- lch(74.94 77.14 108.9)
- CMYK
- cmyk(15% 0% 96% 23%)
Teintes · Ombres · Tons
Teintes
- AFCA3F
- B8D15C
- C0D774
- C9DD8A
- D1E39F
- DAE9B2
- E3EEC6
- ECF4D9
- F6FAEC
Ombres
- 91AA06
- 7B9104
- 667803
- 526102
- 3E4A01
- 2C3501
- 1A2100
- 0A0E00
- 010200
Tons
- A3BD2E
- 9FB740
- 9BB04D
- 97A958
- 93A261
- 8F9C69
- 8B956F
- 878E76
- 84877B
Harmonies de couleurs
Complémentaire +180°
- A7C408
Slime
- C2A0FF
≈ Diva
Analogue -30° +30°
- A7C408
Slime
- DCAE00
≈ Palomino Gold
- 48D473
≈ UFO Green
Triadique +120° +240°
- A7C408
Slime
- 5CBFFF
≈ Hello Summer
- FF8AB1
≈ Tickle Me Pink
Complémentaire divisée +150° +210°
- A7C408
Slime
- 98B1FF
≈ Widowmaker
- F385EB
≈ Frail Fuchsia
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.99:1 · APCA Lc 38
Ag
AAASur noir
WCAG 10.54:1 · APCA Lc 64
Meilleure couleur de texte: #000000
WCAG 10.54:1 (AAA) · APCA Lc 64
Contrast pairs
Extraits de code
CSS
:root {
--slime: #a7c408;
--slime-rgb: 167 196 8;
--slime-oklch: oklch(0.771 0.182 119.9);
}
.element {
color: var(--slime);
background-color: hsl(69 92% 40%);
border-color: oklch(0.771 0.182 119.9);
}Tailwind CSS v4
@theme {
--color-slime: #a7c408;
--color-slime-50: #ecfec4;
--color-slime-100: #def2ae;
--color-slime-200: #c7e187;
--color-slime-300: #a8c653;
--color-slime-400: #92ac00;
--color-slime-500: #799400;
--color-slime-600: #667e00;
--color-slime-700: #526500;
--color-slime-800: #3e4900;
--color-slime-900: #2b3300;
--color-slime-950: #181e00;
}SCSS
$slime: #a7c408;
$slime-rgb: 167, 196, 8;
$slime-light: mix(#fff, $slime, 20%);
$slime-dark: mix(#000, $slime, 20%);
.element {
color: $slime;
box-shadow: 0 0 0 2px rgba($slime, 0.35);
}