이름 색상 · #E1DACA

Tiger Claw

Tiger Claw은(는) #E1DACA: rgb(225 218 202), hsl(42 28% 84%), oklch(0.89 0.023 87.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

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

#E1DACA

oklch(0.89 0.023 87.2)

색상 변환

HEX: #e1daca
RGB: rgb(225 218 202)
HSL: hsl(42 28% 84%)
HWB: hwb(42 79% 12%)
OKLCH: oklch(0.89 0.023 87.2)
OKLab: oklab(0.89 0.001 0.023)
CIE Lab: lab(87.29 0.46 8.8)
LCH: lch(87.29 8.81 87)
CMYK: cmyk(0% 3% 10% 12%)

틴트 · 셰이드 · 톤

틴트

E4DECF
E7E1D4
EAE5DA
EDE9DF
F0ECE4
F3F0EA
F6F4EF
F9F8F4
FCFBFA

셰이드

C4BDAF
A7A295
8B877C
706C64
56544D
3E3C37
272522
12110F
020202

톤

D7D1C2
CDC7BB
C3BEB3
B9B5AC
AFACA4
A6A39D
9C9A96
93918E
898987

색 조화

보색 +180°

E1DACA
Tiger Claw
D4DBEA
≈ Morning Shower

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.39:1 · APCA Lc 19

Fail

검은색 위

WCAG 15.08:1 · APCA Lc 84

AAA

가장 좋은 글자색: #000000

WCAG 15.08:1 (AAA) · APCA Lc 84

Contrast pairs

코드 스니펫

CSS

:root {
  --tiger-claw: #e1daca;
  --tiger-claw-rgb: 225 218 202;
  --tiger-claw-oklch: oklch(0.89 0.023 87.2);
}

.element {
  color: var(--tiger-claw);
  background-color: hsl(42 28% 84%);
  border-color: oklch(0.89 0.023 87.2);
}

Tailwind CSS v4

@theme {
  --color-tiger-claw: #e1daca;
  --color-tiger-claw-50: #f8f5ee;
  --color-tiger-claw-100: #ebe8df;
  --color-tiger-claw-200: #d8d4c9;
  --color-tiger-claw-300: #bcb7ab;
  --color-tiger-claw-400: #a49e90;
  --color-tiger-claw-500: #8d8675;
  --color-tiger-claw-600: #777163;
  --color-tiger-claw-700: #5f5a4f;
  --color-tiger-claw-800: #46423a;
  --color-tiger-claw-900: #302d27;
  --color-tiger-claw-950: #1d1a16;
}

SCSS

$tiger-claw: #e1daca;
$tiger-claw-rgb: 225, 218, 202;
$tiger-claw-light: mix(#fff, $tiger-claw, 20%);
$tiger-claw-dark: mix(#000, $tiger-claw, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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