最も近い色名 · #C5BD82
#C5BD82
最も近い色名: Golden Mist
#C5BD82（rgb(197 189 130)、hsl(53 37% 64%)、oklch(0.791 0.078 101.4)）に最も近い色名はGolden Mistです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#C5BD82
oklch(0.791 0.078 101.4)
カラー変換
- HEX
- #c5bd82
- RGB
- rgb(197 189 130)
- HSL
- hsl(53 37% 64%)
- HWB
- hwb(53 51% 23%)
- OKLCH
- oklch(0.791 0.078 101.4)
- OKLab
- oklab(0.791 -0.015 0.077)
- CIE Lab
- lab(76.23 -3.65 30.95)
- LCH
- lch(76.23 31.17 96.7)
- CMYK
- cmyk(0% 4% 34% 23%)
ティント · シェード · トーン
ティント
- CBC48F
- D0CA9B
- D6D1A8
- DCD7B4
- E1DEC1
- E7E5CD
- EDEBD9
- F3F2E6
- F9F8F2
シェード
- ABA470
- 928C5F
- 79744E
- 615D3E
- 4B472F
- 353320
- 211F12
- 0E0D06
- 020201
トーン
- BEB782
- B7B183
- B0AA83
- A9A483
- A29E83
- 9B9882
- 949282
- 8D8C81
- 878681
カラーハーモニー
補色 +180°
- C5BD82
Golden Mist
- B2B5ED
≈ Perano
類似色 -30° +30°
- C5BD82
Golden Mist
- DBB383
≈ Butterscotch Sundae
- A9C691
≈ Arcadian Green
トライアド +120° +240°
- C5BD82
Golden Mist
- 80C7DF
≈ Winter Chime
- DEA7C9
≈ Aristocratic Pink
スプリットコンプリメンタリー +150° +210°
- C5BD82
Golden Mist
- 96BFEC
≈ Salvia Blue
- CBADE0
≈ Lavender Field Dreamer
テトラード +90° +180° +270°
- C5BD82
Golden Mist
- 7CCBC7
≈ Blue Green Gem
- B2B5ED
≈ Perano
- E8A6AE
≈ Perennial Phlox
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.91:1 · APCA Lc 37
Ag
AAA黒の上
WCAG 10.97:1 · APCA Lc 66
最適な文字色: #000000
WCAG 10.97:1 (AAA) · APCA Lc 66
Contrast pairs
コードスニペット
CSS
:root {
--golden-mist: #c5bd82;
--golden-mist-rgb: 197 189 130;
--golden-mist-oklch: oklch(0.791 0.078 101.4);
}
.element {
color: var(--golden-mist);
background-color: hsl(53 37% 64%);
border-color: oklch(0.791 0.078 101.4);
}Tailwind CSS v4
@theme {
--color-golden-mist: #c5bd82;
--color-golden-mist-50: #f9f7dd;
--color-golden-mist-100: #eceacc;
--color-golden-mist-200: #dad6b0;
--color-golden-mist-300: #beba8b;
--color-golden-mist-400: #a8a06a;
--color-golden-mist-500: #918848;
--color-golden-mist-600: #7b733e;
--color-golden-mist-700: #625c31;
--color-golden-mist-800: #494322;
--color-golden-mist-900: #322e16;
--color-golden-mist-950: #1e1b07;
}SCSS
$golden-mist: #c5bd82;
$golden-mist-rgb: 197, 189, 130;
$golden-mist-light: mix(#fff, $golden-mist, 20%);
$golden-mist-dark: mix(#000, $golden-mist, 20%);
.element {
color: $golden-mist;
box-shadow: 0 0 0 2px rgba($golden-mist, 0.35);
}