이름 색상 · #FEE9C4

Tiger Tail

Tiger Tail은(는) #FEE9C4: rgb(254 233 196), hsl(38 97% 88%), oklch(0.942 0.053 81.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Orange mean? → · Tiger Tail color name →

#FEE9C4

oklch(0.942 0.053 81.8)

색상 변환

HEX: #fee9c4
RGB: rgb(254 233 196)
HSL: hsl(38 97% 88%)
HWB: hwb(38 77% 0%)
OKLCH: oklch(0.942 0.053 81.8)
OKLab: oklab(0.942 0.008 0.053)
CIE Lab: lab(93.37 3.24 20.79)
LCH: lch(93.37 21.04 81.1)
CMYK: cmyk(0% 8% 23% 0%)

틴트 · 셰이드 · 톤

틴트

FEEBCA
FEEDD0
FEF0D6
FFF2DC
FFF4E2
FFF6E8
FFF9ED
FFFBF3
FFFDF9

셰이드

DDCBAA
BDAD91
9E9078
807461
635A4A
474135
2D2921
16130E
030302

톤

F1DEBD
E4D3B6
D7C8AF
CABEA9
BDB3A2
B1A99B
A49E94
98948D
8C8A87

색 조화

보색 +180°

FEE9C4
Tiger Tail
E2ECFF
≈ Husky

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.18:1 · APCA Lc 9

Fail

검은색 위

WCAG 17.66:1 · APCA Lc 95

AAA

가장 좋은 글자색: #000000

WCAG 17.66:1 (AAA) · APCA Lc 95

Contrast pairs

코드 스니펫

CSS

:root {
  --tiger-tail: #fee9c4;
  --tiger-tail-rgb: 254 233 196;
  --tiger-tail-oklch: oklch(0.942 0.053 81.8);
}

.element {
  color: var(--tiger-tail);
  background-color: hsl(38 97% 88%);
  border-color: oklch(0.942 0.053 81.8);
}

Tailwind CSS v4

@theme {
  --color-tiger-tail: #fee9c4;
  --color-tiger-tail-50: #fcf4e4;
  --color-tiger-tail-100: #f0e7d4;
  --color-tiger-tail-200: #dfd3bb;
  --color-tiger-tail-300: #c4b699;
  --color-tiger-tail-400: #ae9c7b;
  --color-tiger-tail-500: #98835d;
  --color-tiger-tail-600: #816f4f;
  --color-tiger-tail-700: #67593f;
  --color-tiger-tail-800: #4c402d;
  --color-tiger-tail-900: #352c1e;
  --color-tiger-tail-950: #20190e;
}

SCSS

$tiger-tail: #fee9c4;
$tiger-tail-rgb: 254, 233, 196;
$tiger-tail-light: mix(#fff, $tiger-tail, 20%);
$tiger-tail-dark: mix(#000, $tiger-tail, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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