이름 색상 · #C5B8A8

White Tiger

White Tiger은(는) #C5B8A8: rgb(197 184 168), hsl(33 20% 72%), oklch(0.789 0.027 73.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · White Tiger color name →

#C5B8A8

oklch(0.789 0.027 73.1)

색상 변환

HEX: #c5b8a8
RGB: rgb(197 184 168)
HSL: hsl(33 20% 72%)
HWB: hwb(33 66% 23%)
OKLCH: oklch(0.789 0.027 73.1)
OKLab: oklab(0.789 0.008 0.026)
CIE Lab: lab(75.55 2.78 9.91)
LCH: lch(75.55 10.29 74.3)
CMYK: cmyk(0% 7% 15% 23%)

틴트 · 셰이드 · 톤

틴트

CBBFB0
D0C6B9
D6CDC2
DCD4CA
E2DBD3
E8E2DC
EDE9E4
F3F0ED
F9F8F6

셰이드

ABA092
92887C
797167
615B52
4B453F
35312C
211E1A
0E0C0A
020201

톤

BEB2A4
B7ADA0
B0A79C
A9A198
A29C94
9B9690
94908C
8D8B88
878584

색 조화

보색 +180°

C5B8A8
White Tiger
AFBCCB
≈ Simply Blue

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.94:1 · APCA Lc 37

Fail

검은색 위

WCAG 10.79:1 · APCA Lc 65

AAA

가장 좋은 글자색: #000000

WCAG 10.79:1 (AAA) · APCA Lc 65

Contrast pairs

코드 스니펫

CSS

:root {
  --white-tiger: #c5b8a8;
  --white-tiger-rgb: 197 184 168;
  --white-tiger-oklch: oklch(0.789 0.027 73.1);
}

.element {
  color: var(--white-tiger);
  background-color: hsl(33 20% 72%);
  border-color: oklch(0.789 0.027 73.1);
}

Tailwind CSS v4

@theme {
  --color-white-tiger: #c5b8a8;
  --color-white-tiger-50: #faf4ed;
  --color-white-tiger-100: #ede7de;
  --color-white-tiger-200: #dbd3c8;
  --color-white-tiger-300: #c0b6a9;
  --color-white-tiger-400: #a89c8e;
  --color-white-tiger-500: #918473;
  --color-white-tiger-600: #7b7062;
  --color-white-tiger-700: #62594e;
  --color-white-tiger-800: #484138;
  --color-white-tiger-900: #322d27;
  --color-white-tiger-950: #1e1a15;
}

SCSS

$white-tiger: #c5b8a8;
$white-tiger-rgb: 197, 184, 168;
$white-tiger-light: mix(#fff, $white-tiger, 20%);
$white-tiger-dark: mix(#000, $white-tiger, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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