最も近い色名 · #C4A7A5
#C4A7A5
最も近い色名: Sable Cloaked
#C4A7A5（rgb(196 167 165)、hsl(4 21% 71%)、oklch(0.753 0.034 22.6)）に最も近い色名はSable Cloakedです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#C4A7A5
oklch(0.753 0.034 22.6)
カラー変換
- HEX
- #c4a7a5
- RGB
- rgb(196 167 165)
- HSL
- hsl(4 21% 71%)
- HWB
- hwb(4 65% 23%)
- OKLCH
- oklch(0.753 0.034 22.6)
- OKLab
- oklab(0.753 0.032 0.013)
- CIE Lab
- lab(71.05 10.69 5.18)
- LCH
- lch(71.05 11.87 25.8)
- CMYK
- cmyk(0% 15% 16% 23%)
ティント · シェード · トーン
ティント
- CAB0AE
- D0B8B6
- D6C1BF
- DCC9C8
- E2D2D1
- E7DBDA
- EDE4E3
- F3EDEC
- F9F6F6
シェード
- AA918F
- 917B79
- 786665
- 615251
- 4A3E3D
- 352C2B
- 211A1A
- 0E0A0A
- 020101
トーン
- BDA3A1
- B69F9D
- AF9B9A
- A89796
- A29392
- 9B8F8F
- 948C8B
- 8D8887
- 878484
カラーハーモニー
補色 +180°
- C4A7A5
Sable Cloaked
- 97B6B8
≈ Baroque Blue
類似色 -30° +30°
- C4A7A5
Sable Cloaked
- C1A7B1
≈ Pansy Posie
- C1AA9B
≈ Adirondack Path
トライアド +120° +240°
- C4A7A5
Sable Cloaked
- A3B5A1
≈ Bamboo Shoot
- A4AFC5
≈ Innuendo
スプリットコンプリメンタリー +150° +210°
- C4A7A5
Sable Cloaked
- 9AB6AD
≈ Tropical Bay
- 9AB3C1
≈ Respite
テトラード +90° +180° +270°
- C4A7A5
Sable Cloaked
- AFB299
≈ Alfalfa
- 97B6B8
≈ Baroque Blue
- AFABC3
≈ Cosmic Sky
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.22:1 · APCA Lc 44
Ag
AAA黒の上
WCAG 9.41:1 · APCA Lc 58
最適な文字色: #000000
WCAG 9.41:1 (AAA) · APCA Lc 58
Contrast pairs
コードスニペット
CSS
:root {
--sable-cloaked: #c4a7a5;
--sable-cloaked-rgb: 196 167 165;
--sable-cloaked-oklch: oklch(0.753 0.034 22.6);
}
.element {
color: var(--sable-cloaked);
background-color: hsl(4 21% 71%);
border-color: oklch(0.753 0.034 22.6);
}Tailwind CSS v4
@theme {
--color-sable-cloaked: #c4a7a5;
--color-sable-cloaked-50: #fff2f0;
--color-sable-cloaked-100: #f3e4e2;
--color-sable-cloaked-200: #e3cfcd;
--color-sable-cloaked-300: #c9b1af;
--color-sable-cloaked-400: #b29795;
--color-sable-cloaked-500: #9c7e7c;
--color-sable-cloaked-600: #846a69;
--color-sable-cloaked-700: #6a5554;
--color-sable-cloaked-800: #4e3e3d;
--color-sable-cloaked-900: #362b2a;
--color-sable-cloaked-950: #211818;
}SCSS
$sable-cloaked: #c4a7a5;
$sable-cloaked-rgb: 196, 167, 165;
$sable-cloaked-light: mix(#fff, $sable-cloaked, 20%);
$sable-cloaked-dark: mix(#000, $sable-cloaked, 20%);
.element {
color: $sable-cloaked;
box-shadow: 0 0 0 2px rgba($sable-cloaked, 0.35);
}