色名 · #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