Couleur nommée · #C8ABA8
Lovebug
Lovebug correspond à #C8ABA8 : rgb(200 171 168), hsl(6 23% 72%), oklch(0.766 0.034 24.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Lovebug color name →
#C8ABA8
oklch(0.766 0.034 24.9)
Conversions de couleur
- HEX
- #c8aba8
- RGB
- rgb(200 171 168)
- HSL
- hsl(6 23% 72%)
- HWB
- hwb(6 66% 22%)
- OKLCH
- oklch(0.766 0.034 24.9)
- OKLab
- oklab(0.766 0.031 0.014)
- CIE Lab
- lab(72.51 10.52 5.66)
- LCH
- lch(72.51 11.94 28.3)
- CMYK
- cmyk(0% 15% 16% 22%)
Teintes · Ombres · Tons
Teintes
- CEB3B0
- D3BBB9
- D9C4C1
- DECCCA
- E4D4D3
- E9DDDB
- EFE5E4
- F4EEED
- FAF6F6
Ombres
- AE9492
- 947E7C
- 7B6867
- 635452
- 4C403F
- 362D2C
- 211B1A
- 0F0B0A
- 020101
Tons
- C1A7A4
- B9A2A0
- B29E9C
- AB9A98
- A49594
- 9C9190
- 958D8C
- 8E8888
- 878484
Harmonies de couleurs
Complémentaire +180°
- C8ABA8
Lovebug
- 9ABABD
≈ Windswept Clouds
Analogue -30° +30°
Triadique +120° +240°
- C8ABA8
Lovebug
- A6B9A6
≈ Aqua Foam
- A8B3C9
≈ Ballroom Blue
Complémentaire divisée +150° +210°
- C8ABA8
Lovebug
- 9DBAB1
≈ Opal Silk
- 9FB7C6
≈ Country Air
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.13:1 · APCA Lc 42
Ag
AAASur noir
WCAG 9.84:1 · APCA Lc 60
Meilleure couleur de texte: #000000
WCAG 9.84:1 (AAA) · APCA Lc 60
Contrast pairs
Extraits de code
CSS
:root {
--lovebug: #c8aba8;
--lovebug-rgb: 200 171 168;
--lovebug-oklch: oklch(0.766 0.034 24.9);
}
.element {
color: var(--lovebug);
background-color: hsl(6 23% 72%);
border-color: oklch(0.766 0.034 24.9);
}Tailwind CSS v4
@theme {
--color-lovebug: #c8aba8;
--color-lovebug-50: #fff2f0;
--color-lovebug-100: #f3e4e2;
--color-lovebug-200: #e3cfcc;
--color-lovebug-300: #c8b1ae;
--color-lovebug-400: #b29794;
--color-lovebug-500: #9c7e7b;
--color-lovebug-600: #846b68;
--color-lovebug-700: #6a5553;
--color-lovebug-800: #4e3e3d;
--color-lovebug-900: #362b2a;
--color-lovebug-950: #211817;
}SCSS
$lovebug: #c8aba8;
$lovebug-rgb: 200, 171, 168;
$lovebug-light: mix(#fff, $lovebug, 20%);
$lovebug-dark: mix(#000, $lovebug, 20%);
.element {
color: $lovebug;
box-shadow: 0 0 0 2px rgba($lovebug, 0.35);
}