이름 색상 · #AEAEB7

Love-Struck Chinchilla

Love-Struck Chinchilla은(는) #AEAEB7: rgb(174 174 183), hsl(240 6% 70%), oklch(0.754 0.013 286.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Love-Struck Chinchilla color name →

#AEAEB7

oklch(0.754 0.013 286.1)

색상 변환

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%)

틴트 · 셰이드 · 톤

틴트

B6B6BE
BEBEC5
C6C6CC
CECED3
D6D6DA
DEDEE2
E6E6E9
EEEEF0
F7F7F8

셰이드

97979F
808087
6A6A70
55555A
414145
2E2E31
1C1C1E
0B0B0C
010102

톤

A9A9B1
A5A5AC
A0A0A6
9B9BA1
97979B
929296
8E8E90
89898B
848485

색 조화

보색 +180°

AEAEB7
Love-Struck Chinchilla
B0B0A7
≈ Urban Putty

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 2.20:1 · APCA Lc 43

Fail

검은색 위

WCAG 9.53:1 · APCA Lc 59

AAA

가장 좋은 글자색: #000000

WCAG 9.53:1 (AAA) · APCA Lc 59

Contrast pairs

코드 스니펫

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);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

피커 조합 대비 검사기 Studio JSON API