이름 색상 · #DEAE46

Tiger Cub

Tiger Cub은(는) #DEAE46: rgb(222 174 70), hsl(41 70% 57%), oklch(0.776 0.132 83.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

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

#DEAE46

oklch(0.776 0.132 83.6)

색상 변환

HEX: #deae46
RGB: rgb(222 174 70)
HSL: hsl(41 70% 57%)
HWB: hwb(41 27% 13%)
OKLCH: oklch(0.776 0.132 83.6)
OKLab: oklab(0.776 0.015 0.131)
CIE Lab: lab(74.17 10.42 58.17)
LCH: lch(74.17 59.09 79.8)
CMYK: cmyk(0% 22% 68% 13%)

틴트 · 셰이드 · 톤

틴트

E2B65D
E5BF72
E8C785
ECCF97
EFD7A9
F2DFBA
F6E7CC
F9EFDD
FCF7EE

셰이드

C1973C
A58032
896A28
6F551E
554115
3D2E0D
261C05
120B02
020100

톤

D4AA50
CBA558
C1A160
B89C66
AE986C
A59370
9C8E75
928A79
89857D

색 조화

보색 +180°

DEAE46
Tiger Cub
91B5FF
≈ Carolina Blue

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 2.04:1 · APCA Lc 40

Fail

검은색 위

WCAG 10.24:1 · APCA Lc 63

AAA

가장 좋은 글자색: #000000

WCAG 10.24:1 (AAA) · APCA Lc 63

Contrast pairs

코드 스니펫

CSS

:root {
  --tiger-cub: #deae46;
  --tiger-cub-rgb: 222 174 70;
  --tiger-cub-oklch: oklch(0.776 0.132 83.6);
}

.element {
  color: var(--tiger-cub);
  background-color: hsl(41 70% 57%);
  border-color: oklch(0.776 0.132 83.6);
}

Tailwind CSS v4

@theme {
  --color-tiger-cub: #deae46;
  --color-tiger-cub-50: #fff3cb;
  --color-tiger-cub-100: #fce5b6;
  --color-tiger-cub-200: #eed193;
  --color-tiger-cub-300: #d6b365;
  --color-tiger-cub-400: #c39733;
  --color-tiger-cub-500: #af7c00;
  --color-tiger-cub-600: #946900;
  --color-tiger-cub-700: #775400;
  --color-tiger-cub-800: #593c00;
  --color-tiger-cub-900: #3e2a00;
  --color-tiger-cub-950: #271700;
}

SCSS

$tiger-cub: #deae46;
$tiger-cub-rgb: 222, 174, 70;
$tiger-cub-light: mix(#fff, $tiger-cub, 20%);
$tiger-cub-dark: mix(#000, $tiger-cub, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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