이름 색상 · #DD9922

Tiger King

Tiger King은(는) #DD9922: rgb(221 153 34), hsl(38 73% 50%), oklch(0.732 0.146 75). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

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

#DD9922

oklch(0.732 0.146 75)

색상 변환

HEX: #dd9922
RGB: rgb(221 153 34)
HSL: hsl(38 73% 50%)
HWB: hwb(38 13% 13%)
OKLCH: oklch(0.732 0.146 75)
OKLab: oklab(0.732 0.038 0.141)
CIE Lab: lab(68.77 19.64 66.35)
LCH: lch(68.77 69.19 73.5)
CMYK: cmyk(0% 31% 85% 13%)

틴트 · 셰이드 · 톤

틴트

E1A445
E5AE5E
E9B875
ECC38A
F0CD9E
F3D7B1
F6E1C5
F9EBD8
FCF5EC

셰이드

C0841C
A47016
885D11
6E4A0B
553807
3D2703
261701
110800
020100

톤

D49736
CA9544
C1934F
B89059
AF8E61
A58B68
9C896F
938675
89837B

색 조화

보색 +180°

DD9922
Tiger King
68ABFF
≈ Fennel Flower

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 2.42:1 · APCA Lc 47

Fail

검은색 위

WCAG 8.65:1 · APCA Lc 55

AAA

가장 좋은 글자색: #000000

WCAG 8.65:1 (AAA) · APCA Lc 55

Contrast pairs

코드 스니펫

CSS

:root {
  --tiger-king: #dd9922;
  --tiger-king-rgb: 221 153 34;
  --tiger-king-oklch: oklch(0.732 0.146 75);
}

.element {
  color: var(--tiger-king);
  background-color: hsl(38 73% 50%);
  border-color: oklch(0.732 0.146 75);
}

Tailwind CSS v4

@theme {
  --color-tiger-king: #dd9922;
  --color-tiger-king-50: #fff1c7;
  --color-tiger-king-100: #ffe2b2;
  --color-tiger-king-200: #f8cd8c;
  --color-tiger-king-300: #e1ad5b;
  --color-tiger-king-400: #d09021;
  --color-tiger-king-500: #bd7400;
  --color-tiger-king-600: #9f6200;
  --color-tiger-king-700: #804f00;
  --color-tiger-king-800: #603800;
  --color-tiger-king-900: #432700;
  --color-tiger-king-950: #2b1400;
}

SCSS

$tiger-king: #dd9922;
$tiger-king-rgb: 221, 153, 34;
$tiger-king-light: mix(#fff, $tiger-king, 20%);
$tiger-king-dark: mix(#000, $tiger-king, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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