最も近い色名 · #D6AE73
#D6AE73
最も近い色名: Gold Digger
#D6AE73（rgb(214 174 115)、hsl(36 55% 65%)、oklch(0.774 0.089 76.5)）に最も近い色名はGold Diggerです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D6AE73
oklch(0.774 0.089 76.5)
カラー変換
- HEX
- #d6ae73
- RGB
- rgb(214 174 115)
- HSL
- hsl(36 55% 65%)
- HWB
- hwb(36 45% 16%)
- OKLCH
- oklch(0.774 0.089 76.5)
- OKLab
- oklab(0.774 0.021 0.087)
- CIE Lab
- lab(73.77 9.54 35.98)
- LCH
- lch(73.77 37.23 75.1)
- CMYK
- cmyk(0% 19% 46% 16%)
ティント · シェード · トーン
ティント
- DAB681
- DEBE90
- E3C69E
- E7CEAC
- EBD6B9
- EFDFC7
- F3E7D5
- F7EFE3
- FBF7F1
シェード
- BA9763
- 9E8054
- 846A45
- 6A5536
- 524128
- 3B2E1B
- 251C0F
- 100B05
- 020101
トーン
- CDA975
- C4A577
- BCA079
- B39C7A
- AA977C
- A2937D
- 998E7E
- 91897F
- 88857F
カラーハーモニー
補色 +180°
- D6AE73
Gold Digger
- 90B8EE
≈ Electric Eel
類似色 -30° +30°
- D6AE73
Gold Digger
- E5A484
≈ Peach Nougat
- BCB975
≈ Liminal Yellow
トライアド +120° +240°
- D6AE73
Gold Digger
- 69C7C8
≈ Chinese Lacquer
- CCA4DC
≈ Spring Wisteria
スプリットコンプリメンタリー +150° +210°
- D6AE73
Gold Digger
- 73C1E1
≈ Bright Spark
- B0ADEC
≈ Maximum Blue Purple
テトラード +90° +180° +270°
- D6AE73
Gold Digger
- 7BC8A9
≈ Aqua Eden
- 90B8EE
≈ Electric Eel
- E09EC1
≈ Pink Begonia
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.06:1 · APCA Lc 40
Ag
AAA黒の上
WCAG 10.16:1 · APCA Lc 62
最適な文字色: #000000
WCAG 10.16:1 (AAA) · APCA Lc 62
Contrast pairs
コードスニペット
CSS
:root {
--gold-digger: #d6ae73;
--gold-digger-rgb: 214 174 115;
--gold-digger-oklch: oklch(0.774 0.089 76.5);
}
.element {
color: var(--gold-digger);
background-color: hsl(36 55% 65%);
border-color: oklch(0.774 0.089 76.5);
}Tailwind CSS v4
@theme {
--color-gold-digger: #d6ae73;
--color-gold-digger-50: #fff3d9;
--color-gold-digger-100: #f9e5c7;
--color-gold-digger-200: #e9d0aa;
--color-gold-digger-300: #d1b283;
--color-gold-digger-400: #bd9860;
--color-gold-digger-500: #a87e3b;
--color-gold-digger-600: #8e6b34;
--color-gold-digger-700: #725529;
--color-gold-digger-800: #553e1c;
--color-gold-digger-900: #3b2a12;
--color-gold-digger-950: #251805;
}SCSS
$gold-digger: #d6ae73;
$gold-digger-rgb: 214, 174, 115;
$gold-digger-light: mix(#fff, $gold-digger, 20%);
$gold-digger-dark: mix(#000, $gold-digger, 20%);
.element {
color: $gold-digger;
box-shadow: 0 0 0 2px rgba($gold-digger, 0.35);
}