이름 색상 · #A6A096

Cloudy Today

Cloudy Today은(는) #A6A096: rgb(166 160 150), hsl(37 8% 62%), oklch(0.708 0.016 80.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Cloudy Today color name →

#A6A096

oklch(0.708 0.016 80.7)

색상 변환

HEX: #a6a096
RGB: rgb(166 160 150)
HSL: hsl(37 8% 62%)
HWB: hwb(37 59% 35%)
OKLCH: oklch(0.708 0.016 80.7)
OKLab: oklab(0.708 0.003 0.016)
CIE Lab: lab(66.16 0.91 6.05)
LCH: lch(66.16 6.12 81.4)
CMYK: cmyk(0% 4% 10% 35%)

틴트 · 셰이드 · 톤

틴트

AFA9A0
B7B2AA
C0BCB4
C9C5BF
D2CEC9
DBD8D4
E4E2DE
EDEBE9
F6F5F4

셰이드

908B82
7A766E
65615B
514E49
3E3B37
2B2926
1A1916
0A0908
010101

톤

A29D94
9E9A92
9A968F
97938D
93908B
8F8D89
8B8987
878684
848382

색 조화

보색 +180°

A6A096
Cloudy Today
9BA1AB
≈ Rough Stone

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 2.59:1 · APCA Lc 51

Fail

검은색 위

WCAG 8.09:1 · APCA Lc 51

AAA

가장 좋은 글자색: #000000

WCAG 8.09:1 (AAA) · APCA Lc 51

Contrast pairs

코드 스니펫

CSS

:root {
  --cloudy-today: #a6a096;
  --cloudy-today-rgb: 166 160 150;
  --cloudy-today-oklch: oklch(0.708 0.016 80.7);
}

.element {
  color: var(--cloudy-today);
  background-color: hsl(37 8% 62%);
  border-color: oklch(0.708 0.016 80.7);
}

Tailwind CSS v4

@theme {
  --color-cloudy-today: #a6a096;
  --color-cloudy-today-50: #f7f5f0;
  --color-cloudy-today-100: #eae7e2;
  --color-cloudy-today-200: #d7d4cd;
  --color-cloudy-today-300: #bbb7ae;
  --color-cloudy-today-400: #a39e94;
  --color-cloudy-today-500: #8c857b;
  --color-cloudy-today-600: #767168;
  --color-cloudy-today-700: #5f5a53;
  --color-cloudy-today-800: #45423c;
  --color-cloudy-today-900: #302d29;
  --color-cloudy-today-950: #1c1a17;
}

SCSS

$cloudy-today: #a6a096;
$cloudy-today-rgb: 166, 160, 150;
$cloudy-today-light: mix(#fff, $cloudy-today, 20%);
$cloudy-today-dark: mix(#000, $cloudy-today, 20%);

.element {
  color: $cloudy-today;
  box-shadow: 0 0 0 2px rgba($cloudy-today, 0.35);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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