最も近い色名 · #D4B577
#D4B577
最も近い色名: Gold Digger
#D4B577（rgb(212 181 119)、hsl(40 52% 65%)、oklch(0.786 0.088 84)）に最も近い色名はGold Diggerです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D4B577
oklch(0.786 0.088 84)
カラー変換
- HEX
- #d4b577
- RGB
- rgb(212 181 119)
- HSL
- hsl(40 52% 65%)
- HWB
- hwb(40 47% 17%)
- OKLCH
- oklch(0.786 0.088 84)
- OKLab
- oklab(0.786 0.009 0.087)
- CIE Lab
- lab(75.38 5.49 35.89)
- LCH
- lch(75.38 36.31 81.3)
- CMYK
- cmyk(0% 15% 44% 17%)
ティント · シェード · トーン
ティント
- D8BC85
- DDC493
- E1CBA1
- E5D3AE
- EADABC
- EEE1C9
- F2E9D7
- F6F0E4
- FBF8F1
シェード
- B89D67
- 9D8657
- 836F47
- 695938
- 51442A
- 3A301C
- 241D10
- 100C05
- 020201
トーン
- CBB079
- C3AA7A
- BAA57C
- B2A07D
- A99A7E
- A1957F
- 99907F
- 908B80
- 888580
カラーハーモニー
補色 +180°
- D4B577
Gold Digger
- 9DB9F2
≈ Truesky Gloxym
類似色 -30° +30°
- D4B577
Gold Digger
- E6AA84
≈ Ceramic Glaze
- B8C07E
≈ Everglade Glen
トライアド +120° +240°
- D4B577
Gold Digger
- 6FCAD3
≈ Beach Sparkle
- D6A6D9
≈ Favourite Lavender
スプリットコンプリメンタリー +150° +210°
- D4B577
Gold Digger
- 7FC3E9
≈ Billow
- BCAFED
≈ Purple Sand
テトラード +90° +180° +270°
- D4B577
Gold Digger
- 7ACCB5
≈ Puppeteers
- 9DB9F2
≈ Truesky Gloxym
- E7A2BD
≈ Fussy Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.96:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.67:1 · APCA Lc 65
最適な文字色: #000000
WCAG 10.67:1 (AAA) · APCA Lc 65
Contrast pairs
コードスニペット
CSS
:root {
--gold-digger: #d4b577;
--gold-digger-rgb: 212 181 119;
--gold-digger-oklch: oklch(0.786 0.088 84);
}
.element {
color: var(--gold-digger);
background-color: hsl(40 52% 65%);
border-color: oklch(0.786 0.088 84);
}Tailwind CSS v4
@theme {
--color-gold-digger: #d4b577;
--color-gold-digger-50: #fff4d9;
--color-gold-digger-100: #f5e6c7;
--color-gold-digger-200: #e5d2aa;
--color-gold-digger-300: #cbb584;
--color-gold-digger-400: #b79a61;
--color-gold-digger-500: #a2813c;
--color-gold-digger-600: #896d34;
--color-gold-digger-700: #6d5729;
--color-gold-digger-800: #513f1c;
--color-gold-digger-900: #392c12;
--color-gold-digger-950: #231905;
}SCSS
$gold-digger: #d4b577;
$gold-digger-rgb: 212, 181, 119;
$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);
}