이름 색상 · #CDA035

Tiger Cat

Tiger Cat은(는) #CDA035: rgb(205 160 53), hsl(42 60% 51%), oklch(0.729 0.131 84.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

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

#CDA035

oklch(0.729 0.131 84.9)

색상 변환

HEX: #cda035
RGB: rgb(205 160 53)
HSL: hsl(42 60% 51%)
HWB: hwb(42 21% 20%)
OKLCH: oklch(0.729 0.131 84.9)
OKLab: oklab(0.729 0.012 0.13)
CIE Lab: lab(68.75 9.66 59.07)
LCH: lch(68.75 59.85 80.7)
CMYK: cmyk(0% 22% 74% 20%)

틴트 · 셰이드 · 톤

틴트

D2AA50
D7B366
DCBD7B
E1C68F
E6D0A2
EBD9B5
F0E3C7
F5ECDA
FAF6EC

셰이드

B28B2D
987625
7E611D
664E15
4E3B0E
382908
231903
0F0901
020100

톤

C59D42
BD9A4D
B69756
AE945E
A69165
9E8E6B
978A71
8F8776
88847B

색 조화

보색 +180°

CDA035
Tiger Cat
7FA5FA
≈ Fennel Flower

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 2.42:1 · APCA Lc 47

Fail

검은색 위

WCAG 8.67:1 · APCA Lc 55

AAA

가장 좋은 글자색: #000000

WCAG 8.67:1 (AAA) · APCA Lc 55

Contrast pairs

코드 스니펫

CSS

:root {
  --tiger-cat: #cda035;
  --tiger-cat-rgb: 205 160 53;
  --tiger-cat-oklch: oklch(0.729 0.131 84.9);
}

.element {
  color: var(--tiger-cat);
  background-color: hsl(42 60% 51%);
  border-color: oklch(0.729 0.131 84.9);
}

Tailwind CSS v4

@theme {
  --color-tiger-cat: #cda035;
  --color-tiger-cat-50: #fff4cb;
  --color-tiger-cat-100: #fbe6b6;
  --color-tiger-cat-200: #ecd193;
  --color-tiger-cat-300: #d4b365;
  --color-tiger-cat-400: #c29734;
  --color-tiger-cat-500: #ae7d00;
  --color-tiger-cat-600: #936a00;
  --color-tiger-cat-700: #765500;
  --color-tiger-cat-800: #583d00;
  --color-tiger-cat-900: #3e2a00;
  --color-tiger-cat-950: #271700;
}

SCSS

$tiger-cat: #cda035;
$tiger-cat-rgb: 205, 160, 53;
$tiger-cat-light: mix(#fff, $tiger-cat, 20%);
$tiger-cat-dark: mix(#000, $tiger-cat, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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