最も近い色名 · #C1A576
#C1A576
最も近い色名: Gold Rush
#C1A576（rgb(193 165 118)、hsl(38 38% 61%)、oklch(0.735 0.071 80.2)）に最も近い色名はGold Rushです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#C1A576
oklch(0.735 0.071 80.2)
カラー変換
- HEX
- #c1a576
- RGB
- rgb(193 165 118)
- HSL
- hsl(38 38% 61%)
- HWB
- hwb(38 46% 24%)
- OKLCH
- oklch(0.735 0.071 80.2)
- OKLab
- oklab(0.735 0.012 0.07)
- CIE Lab
- lab(69.42 5.73 28.39)
- LCH
- lch(69.42 28.97 78.6)
- CMYK
- cmyk(0% 15% 39% 24%)
ティント · シェード · トーン
ティント
- C7AE84
- CDB791
- D4C09F
- DAC9AC
- E0D2BA
- E6DBC8
- ECE4D5
- F3EDE3
- F9F6F1
シェード
- A78F66
- 8F7956
- 776547
- 5F5138
- 493D29
- 342B1C
- 201A0F
- 0E0A05
- 020101
トーン
- BAA178
- B49E79
- AD9A7A
- A7967B
- A0937C
- 9A8F7D
- 938B7E
- 8D877F
- 86847F
カラーハーモニー
補色 +180°
- C1A576
Gold Rush
- 90ABD7
≈ Casual Water
類似色 -30° +30°
- C1A576
Gold Rush
- CF9D81
≈ Dusty Coral
- ABAE7A
≈ Stuffed Olive
トライアド +120° +240°
- C1A576
Gold Rush
- 71B7BB
≈ Surfer
- BE9BC5
≈ Lilac Pink
スプリットコンプリメンタリー +150° +210°
- C1A576
Gold Rush
- 7AB2CE
≈ Tidal Basin
- A8A2D4
≈ Simply Violet
テトラード +90° +180° +270°
- C1A576
Gold Rush
- 7BB8A3
≈ Key Largo
- 90ABD7
≈ Casual Water
- CD97AF
≈ Rosebay
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.35:1 · APCA Lc 46
Ag
AAA黒の上
WCAG 8.91:1 · APCA Lc 56
最適な文字色: #000000
WCAG 8.91:1 (AAA) · APCA Lc 56
Contrast pairs
コードスニペット
CSS
:root {
--gold-rush: #c1a576;
--gold-rush-rgb: 193 165 118;
--gold-rush-oklch: oklch(0.735 0.071 80.2);
}
.element {
color: var(--gold-rush);
background-color: hsl(38 38% 61%);
border-color: oklch(0.735 0.071 80.2);
}Tailwind CSS v4
@theme {
--color-gold-rush: #c1a576;
--color-gold-rush-50: #fff4df;
--color-gold-rush-100: #f4e6ce;
--color-gold-rush-200: #e4d2b3;
--color-gold-rush-300: #cab58e;
--color-gold-rush-400: #b59a6e;
--color-gold-rush-500: #9f814e;
--color-gold-rush-600: #866d43;
--color-gold-rush-700: #6c5735;
--color-gold-rush-800: #503f25;
--color-gold-rush-900: #382c19;
--color-gold-rush-950: #22190a;
}SCSS
$gold-rush: #c1a576;
$gold-rush-rgb: 193, 165, 118;
$gold-rush-light: mix(#fff, $gold-rush, 20%);
$gold-rush-dark: mix(#000, $gold-rush, 20%);
.element {
color: $gold-rush;
box-shadow: 0 0 0 2px rgba($gold-rush, 0.35);
}