Warna bernama · #AEAEB7
Love-Struck Chinchilla
Love-Struck Chinchilla adalah #AEAEB7: rgb(174 174 183), hsl(240 6% 70%), oklch(0.754 0.013 286.1). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Love-Struck Chinchilla color name →
#AEAEB7
oklch(0.754 0.013 286.1)
Konversi warna
- HEX
- #aeaeb7
- RGB
- rgb(174 174 183)
- HSL
- hsl(240 6% 70%)
- HWB
- hwb(240 68% 28%)
- OKLCH
- oklch(0.754 0.013 286.1)
- OKLab
- oklab(0.754 0.004 -0.012)
- CIE Lab
- lab(71.3 1.29 -4.62)
- LCH
- lch(71.3 4.8 285.6)
- CMYK
- cmyk(5% 5% 0% 28%)
Tint · Shade · Tone
Tint
- B6B6BE
- BEBEC5
- C6C6CC
- CECED3
- D6D6DA
- DEDEE2
- E6E6E9
- EEEEF0
- F7F7F8
Shade
- 97979F
- 808087
- 6A6A70
- 55555A
- 414145
- 2E2E31
- 1C1C1E
- 0B0B0C
- 010102
Tone
- A9A9B1
- A5A5AC
- A0A0A6
- 9B9BA1
- 97979B
- 929296
- 8E8E90
- 89898B
- 848485
Harmoni warna
Komplementer +180°
- AEAEB7
Love-Struck Chinchilla
- B0B0A7
≈ Urban Putty
Analog -30° +30°
- AEAEB7
Love-Struck Chinchilla
- AAB0B7
≈ Cistern
- B2ADB5
≈ Lost Lake
Triadik +120° +240°
- AEAEB7
Love-Struck Chinchilla
- B6ADA8
≈ Slate Pebble
- A8B2AD
≈ Artful
Split-komplementer +150° +210°
- AEAEB7
Love-Struck Chinchilla
- B4AEA6
≈ Warm Pewter
- ABB1A9
≈ Blue Fox
Tetradik +90° +180° +270°
- AEAEB7
Love-Struck Chinchilla
- B7ACAC
≈ Rose Ashes
- B0B0A7
≈ Urban Putty
- A6B2B2
≈ Flint Smoke
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.20:1 · APCA Lc 43
Ag
AAADi atas hitam
WCAG 9.53:1 · APCA Lc 59
Warna teks terbaik: #000000
WCAG 9.53:1 (AAA) · APCA Lc 59
Contrast pairs
Cuplikan kode
CSS
:root {
--love-struck-chinchilla: #aeaeb7;
--love-struck-chinchilla-rgb: 174 174 183;
--love-struck-chinchilla-oklch: oklch(0.754 0.013 286.1);
}
.element {
color: var(--love-struck-chinchilla);
background-color: hsl(240 6% 70%);
border-color: oklch(0.754 0.013 286.1);
}Tailwind CSS v4
@theme {
--color-love-struck-chinchilla: #aeaeb7;
--color-love-struck-chinchilla-50: #f5f5f9;
--color-love-struck-chinchilla-100: #e7e7ec;
--color-love-struck-chinchilla-200: #d4d3d9;
--color-love-struck-chinchilla-300: #b7b6be;
--color-love-struck-chinchilla-400: #9d9da6;
--color-love-struck-chinchilla-500: #85858e;
--color-love-struck-chinchilla-600: #717179;
--color-love-struck-chinchilla-700: #5a5a60;
--color-love-struck-chinchilla-800: #424247;
--color-love-struck-chinchilla-900: #2d2d31;
--color-love-struck-chinchilla-950: #1a1a1d;
}SCSS
$love-struck-chinchilla: #aeaeb7;
$love-struck-chinchilla-rgb: 174, 174, 183;
$love-struck-chinchilla-light: mix(#fff, $love-struck-chinchilla, 20%);
$love-struck-chinchilla-dark: mix(#000, $love-struck-chinchilla, 20%);
.element {
color: $love-struck-chinchilla;
box-shadow: 0 0 0 2px rgba($love-struck-chinchilla, 0.35);
}