最も近い色名 · #7B6442
#7B6442
最も近い色名: Autumn Gold
#7B6442（rgb(123 100 66)、hsl(36 30% 37%)、oklch(0.517 0.057 76.7)）に最も近い色名はAutumn Goldです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#7B6442
oklch(0.517 0.057 76.7)
カラー変換
- HEX
- #7b6442
- RGB
- rgb(123 100 66)
- HSL
- hsl(36 30% 37%)
- HWB
- hwb(36 26% 52%)
- OKLCH
- oklch(0.517 0.057 76.7)
- OKLab
- oklab(0.517 0.013 0.056)
- CIE Lab
- lab(44.05 5.97 22.92)
- LCH
- lch(44.05 23.68 75.4)
- CMYK
- cmyk(0% 19% 46% 52%)
ティント · シェード · トーン
ティント
- 887254
- 948166
- A19078
- AE9F8A
- BBAF9D
- C9BEB0
- D6CEC3
- E3DED7
- F1EFEB
シェード
- 6A5638
- 5A482F
- 4A3B25
- 3A2E1C
- 2C2214
- 1E160B
- 100B05
- 050301
- 010000
トーン
- 7C6749
- 7C6A4F
- 7D6D55
- 7D6F5B
- 7E7262
- 7E7568
- 7F786E
- 7F7B74
- 807D7A
カラーハーモニー
補色 +180°
- 7B6442
Autumn Gold
- 536A89
≈ Aurora Borealis
類似色 -30° +30°
- 7B6442
Autumn Gold
- 845E4C
≈ Rawhide
- 6C6B43
≈ Portsmouth Olive
トライアド +120° +240°
- 7B6442
Autumn Gold
- 3D7373
≈ Surf Green
- 765E7E
≈ Gala Ball
スプリットコンプリメンタリー +150° +210°
- 7B6442
Autumn Gold
- 436F82
≈ Am I Blue?
- 656388
≈ Twilight Purple
テトラード +90° +180° +270°
- 7B6442
Autumn Gold
- 477361
≈ Christmas Ivy
- 536A89
≈ Aurora Borealis
- 815B6F
≈ Euphoric Magenta
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.60:1 · APCA Lc 78
Ag
Fail黒の上
WCAG 3.74:1 · APCA Lc 24
最適な文字色: #FFFFFF
WCAG 5.60:1 (AA) · APCA Lc 78
Contrast pairs
コードスニペット
CSS
:root {
--autumn-gold: #7b6442;
--autumn-gold-rgb: 123 100 66;
--autumn-gold-oklch: oklch(0.517 0.057 76.7);
}
.element {
color: var(--autumn-gold);
background-color: hsl(36 30% 37%);
border-color: oklch(0.517 0.057 76.7);
}Tailwind CSS v4
@theme {
--color-autumn-gold: #7b6442;
--color-autumn-gold-50: #fef4e3;
--color-autumn-gold-100: #f2e6d3;
--color-autumn-gold-200: #e2d2ba;
--color-autumn-gold-300: #c8b597;
--color-autumn-gold-400: #b29a79;
--color-autumn-gold-500: #9c815b;
--color-autumn-gold-600: #846e4d;
--color-autumn-gold-700: #6a583d;
--color-autumn-gold-800: #4e402c;
--color-autumn-gold-900: #362c1e;
--color-autumn-gold-950: #21190e;
}SCSS
$autumn-gold: #7b6442;
$autumn-gold-rgb: 123, 100, 66;
$autumn-gold-light: mix(#fff, $autumn-gold, 20%);
$autumn-gold-dark: mix(#000, $autumn-gold, 20%);
.element {
color: $autumn-gold;
box-shadow: 0 0 0 2px rgba($autumn-gold, 0.35);
}