色名 · #DECAC5
Kangaroo Paw
Kangaroo Pawは#DECAC5：rgb(222 202 197)、hsl(12 27% 82%)、oklch(0.854 0.024 34.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Kangaroo Paw color name →
#DECAC5
oklch(0.854 0.024 34.3)
カラー変換
- HEX
- #decac5
- RGB
- rgb(222 202 197)
- HSL
- hsl(12 27% 82%)
- HWB
- hwb(12 77% 13%)
- OKLCH
- oklch(0.854 0.024 34.3)
- OKLab
- oklab(0.854 0.019 0.013)
- CIE Lab
- lab(82.9 6.61 5.18)
- LCH
- lch(82.9 8.4 38)
- CMYK
- cmyk(0% 9% 11% 13%)
ティント · シェード · トーン
ティント
- E1CFCB
- E5D4D0
- E8DAD6
- EBDFDC
- EFE4E2
- F2EAE7
- F5EFED
- F8F4F3
- FCFAF9
シェード
- C1AFAB
- A59592
- 897C79
- 6F6461
- 554D4B
- 3D3735
- 262221
- 120F0E
- 020202
トーン
- D4C2BE
- CBBBB7
- C1B3B0
- B7ACA9
- AEA4A2
- A59D9B
- 9B9694
- 928E8D
- 898787
カラーハーモニー
補色 +180°
- DECAC5
Kangaroo Paw
- BFD3D9
≈ Light Pure Blue
類似色 -30° +30°
- DECAC5
Kangaroo Paw
- DEC9CD
≈ Mega Metal Mecha
- DBCCC0
≈ Stonewashed Brown
トライアド +120° +240°
- DECAC5
Kangaroo Paw
- C4D4C8
≈ Milky Green
- CACEDF
≈ Blueberry Mist
スプリットコンプリメンタリー +150° +210°
- DECAC5
Kangaroo Paw
- BFD4D1
≈ Coast to Coast
- C3D1DE
≈ Saltwater
テトラード +90° +180° +270°
- DECAC5
Kangaroo Paw
- CCD2C1
≈ Carrot Flower
- BFD3D9
≈ Light Pure Blue
- D2CCDC
≈ Kundalini Bliss
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.57:1 · APCA Lc 26
Ag
AAA黒の上
WCAG 13.36:1 · APCA Lc 77
最適な文字色: #000000
WCAG 13.36:1 (AAA) · APCA Lc 77
Contrast pairs
コードスニペット
CSS
:root {
--kangaroo-paw: #decac5;
--kangaroo-paw-rgb: 222 202 197;
--kangaroo-paw-oklch: oklch(0.854 0.024 34.3);
}
.element {
color: var(--kangaroo-paw);
background-color: hsl(12 27% 82%);
border-color: oklch(0.854 0.024 34.3);
}Tailwind CSS v4
@theme {
--color-kangaroo-paw: #decac5;
--color-kangaroo-paw-50: #fcf3f0;
--color-kangaroo-paw-100: #efe5e2;
--color-kangaroo-paw-200: #ded1cd;
--color-kangaroo-paw-300: #c3b3af;
--color-kangaroo-paw-400: #ac9a95;
--color-kangaroo-paw-500: #95817c;
--color-kangaroo-paw-600: #7e6d69;
--color-kangaroo-paw-700: #655754;
--color-kangaroo-paw-800: #4a403d;
--color-kangaroo-paw-900: #332c2a;
--color-kangaroo-paw-950: #1f1918;
}SCSS
$kangaroo-paw: #decac5;
$kangaroo-paw-rgb: 222, 202, 197;
$kangaroo-paw-light: mix(#fff, $kangaroo-paw, 20%);
$kangaroo-paw-dark: mix(#000, $kangaroo-paw, 20%);
.element {
color: $kangaroo-paw;
box-shadow: 0 0 0 2px rgba($kangaroo-paw, 0.35);
}