最も近い色名 · #D0AD71
#D0AD71
最も近い色名: Gold Digger
#D0AD71（rgb(208 173 113)、hsl(38 50% 63%)、oklch(0.765 0.088 80.3)）に最も近い色名はGold Diggerです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D0AD71
oklch(0.765 0.088 80.3)
カラー変換
- HEX
- #d0ad71
- RGB
- rgb(208 173 113)
- HSL
- hsl(38 50% 63%)
- HWB
- hwb(38 44% 18%)
- OKLCH
- oklch(0.765 0.088 80.3)
- OKLab
- oklab(0.765 0.015 0.087)
- CIE Lab
- lab(72.89 7.44 35.76)
- LCH
- lch(72.89 36.53 78.2)
- CMYK
- cmyk(0% 17% 46% 18%)
ティント · シェード · トーン
ティント
- D5B580
- DABD8E
- DEC69C
- E3CEAA
- E8D6B8
- ECDEC6
- F1E6D5
- F6EFE3
- FAF7F1
シェード
- B59661
- 9A7F52
- 806A43
- 675535
- 4F4127
- 392D1A
- 231B0E
- 100B04
- 020101
トーン
- C8A973
- C0A476
- B8A078
- AF9B79
- A7977B
- 9F927C
- 988E7D
- 90897E
- 88857F
カラーハーモニー
補色 +180°
- D0AD71
Gold Digger
- 93B4EB
≈ Adrift on the Nile
類似色 -30° +30°
- D0AD71
Gold Digger
- E1A380
≈ Peachy Tint
- B5B876
≈ Liminal Yellow
トライアド +120° +240°
- D0AD71
Gold Digger
- 68C4C9
≈ Paradise Sky
- CCA1D6
≈ Autumn Wisteria
スプリットコンプリメンタリー +150° +210°
- D0AD71
Gold Digger
- 75BDE0
≈ Costa Rica Blue
- B2A9E7
≈ Maximum Blue Purple
テトラード +90° +180° +270°
- D0AD71
Gold Digger
- 76C5AB
≈ Green Balloon
- 93B4EB
≈ Adrift on the Nile
- DE9CBA
≈ Pink Begonia
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.12:1 · APCA Lc 42
Ag
AAA黒の上
WCAG 9.89:1 · APCA Lc 61
最適な文字色: #000000
WCAG 9.89:1 (AAA) · APCA Lc 61
Contrast pairs
コードスニペット
CSS
:root {
--gold-digger: #d0ad71;
--gold-digger-rgb: 208 173 113;
--gold-digger-oklch: oklch(0.765 0.088 80.3);
}
.element {
color: var(--gold-digger);
background-color: hsl(38 50% 63%);
border-color: oklch(0.765 0.088 80.3);
}Tailwind CSS v4
@theme {
--color-gold-digger: #d0ad71;
--color-gold-digger-50: #fff3d9;
--color-gold-digger-100: #f7e6c7;
--color-gold-digger-200: #e7d1aa;
--color-gold-digger-300: #ceb484;
--color-gold-digger-400: #ba9961;
--color-gold-digger-500: #a47f3c;
--color-gold-digger-600: #8b6c34;
--color-gold-digger-700: #6f5629;
--color-gold-digger-800: #533e1c;
--color-gold-digger-900: #3a2b13;
--color-gold-digger-950: #241805;
}SCSS
$gold-digger: #d0ad71;
$gold-digger-rgb: 208, 173, 113;
$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);
}