最も近い色名 · #C7BA79
#C7BA79
最も近い色名: Motherland
#C7BA79（rgb(199 186 121)、hsl(50 41% 63%)、oklch(0.785 0.086 98.3)）に最も近い色名はMotherlandです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#C7BA79
oklch(0.785 0.086 98.3)
カラー変換
- HEX
- #c7ba79
- RGB
- rgb(199 186 121)
- HSL
- hsl(50 41% 63%)
- HWB
- hwb(50 47% 22%)
- OKLCH
- oklch(0.785 0.086 98.3)
- OKLab
- oklab(0.785 -0.012 0.085)
- CIE Lab
- lab(75.49 -2.13 34.7)
- LCH
- lch(75.49 34.76 93.5)
- CMYK
- cmyk(0% 7% 39% 22%)
ティント · シェード · トーン
ティント
- CCC187
- D2C894
- D7CFA2
- DDD6AF
- E3DCBC
- E8E3CA
- EEEAD7
- F4F1E4
- F9F8F2
シェード
- ADA168
- 938958
- 7A7248
- 625C39
- 4C462B
- 36321D
- 211E10
- 0E0D05
- 020201
トーン
- C0B47B
- B8AE7C
- B1A87D
- AAA37E
- A39D7F
- 9C977F
- 959180
- 8E8C80
- 878680
カラーハーモニー
補色 +180°
- C7BA79
Motherland
- ACB4F0
≈ Wondrous Wisteria
類似色 -30° +30°
- C7BA79
Motherland
- DEAF7C
≈ Wooden Sword
- A9C489
≈ Gnome Green
トライアド +120° +240°
- C7BA79
Motherland
- 75C7DE
≈ Hawaiian Breeze
- DEA4CC
≈ Chateau Rose
スプリットコンプリメンタリー +150° +210°
- C7BA79
Motherland
- 8DBEEE
≈ Electric Eel
- C8AAE4
≈ Tropical Violet
テトラード +90° +180° +270°
- C7BA79
Motherland
- 73CBC3
≈ Turkish Teal
- ACB4F0
≈ Wondrous Wisteria
- EAA2AE
≈ Pinque
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.95:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.72:1 · APCA Lc 65
最適な文字色: #000000
WCAG 10.72:1 (AAA) · APCA Lc 65
Contrast pairs
コードスニペット
CSS
:root {
--motherland: #c7ba79;
--motherland-rgb: 199 186 121;
--motherland-oklch: oklch(0.785 0.086 98.3);
}
.element {
color: var(--motherland);
background-color: hsl(50 41% 63%);
border-color: oklch(0.785 0.086 98.3);
}Tailwind CSS v4
@theme {
--color-motherland: #c7ba79;
--color-motherland-50: #faf6db;
--color-motherland-100: #eee9c9;
--color-motherland-200: #dcd6ac;
--color-motherland-300: #c1b986;
--color-motherland-400: #ab9f63;
--color-motherland-500: #95873f;
--color-motherland-600: #7e7236;
--color-motherland-700: #655b2b;
--color-motherland-800: #4b421d;
--color-motherland-900: #342e13;
--color-motherland-950: #201a05;
}SCSS
$motherland: #c7ba79;
$motherland-rgb: 199, 186, 121;
$motherland-light: mix(#fff, $motherland, 20%);
$motherland-dark: mix(#000, $motherland, 20%);
.element {
color: $motherland;
box-shadow: 0 0 0 2px rgba($motherland, 0.35);
}