最も近い色名 · #A86250
#A86250
最も近い色名: Grand Canyon
#A86250（rgb(168 98 80)、hsl(12 35% 49%)、oklch(0.571 0.096 35.3)）に最も近い色名はGrand Canyonです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#A86250
oklch(0.571 0.096 35.3)
カラー変換
- HEX
- #a86250
- RGB
- rgb(168 98 80)
- HSL
- hsl(12 35% 49%)
- HWB
- hwb(12 31% 34%)
- OKLCH
- oklch(0.571 0.096 35.3)
- OKLab
- oklab(0.571 0.078 0.055)
- CIE Lab
- lab(49.44 27.68 23.07)
- LCH
- lch(49.44 36.03 39.8)
- CMYK
- cmyk(0% 42% 52% 34%)
ティント · シェード · トーン
ティント
- B27161
- BB8171
- C49082
- CD9F93
- D6AFA5
- DEBFB6
- E7CEC8
- EFDFDA
- F7EFEC
シェード
- 925444
- 7C4739
- 673A2E
- 522D24
- 3F211A
- 2C1610
- 1A0B07
- 0A0302
- 010000
トーン
- A56555
- A1695A
- 9E6C5F
- 9A6F64
- 967269
- 92756D
- 8E7872
- 897B77
- 857D7B
カラーハーモニー
補色 +180°
- A86250
Grand Canyon
- 18859B
≈ Marker Blue
類似色 -30° +30°
- A86250
Grand Canyon
- A75F70
≈ Shine Baby Shine
- 9E6B35
≈ Horsing Around
トライアド +120° +240°
- A86250
Grand Canyon
- 44885F
≈ Onion Seedling
- 6872B0
≈ Chalcedony Violet
スプリットコンプリメンタリー +150° +210°
- A86250
Grand Canyon
- 178A7F
≈ Clear Turquoise
- 437DAC
≈ Beijing Blue
テトラード +90° +180° +270°
- A86250
Grand Canyon
- 6A8140
≈ Leaps and Bounds
- 18859B
≈ Marker Blue
- 8569A5
≈ Bitter Violet
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.63:1 · APCA Lc 72
Ag
AA黒の上
WCAG 4.52:1 · APCA Lc 30
最適な文字色: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
コードスニペット
CSS
:root {
--grand-canyon: #a86250;
--grand-canyon-rgb: 168 98 80;
--grand-canyon-oklch: oklch(0.571 0.096 35.3);
}
.element {
color: var(--grand-canyon);
background-color: hsl(12 35% 49%);
border-color: oklch(0.571 0.096 35.3);
}Tailwind CSS v4
@theme {
--color-grand-canyon: #a86250;
--color-grand-canyon-50: #ffece2;
--color-grand-canyon-100: #ffded2;
--color-grand-canyon-200: #fac7b8;
--color-grand-canyon-300: #e3a795;
--color-grand-canyon-400: #d08a78;
--color-grand-canyon-500: #bc6e5a;
--color-grand-canyon-600: #9f5d4c;
--color-grand-canyon-700: #804a3d;
--color-grand-canyon-800: #5f352c;
--color-grand-canyon-900: #43251e;
--color-grand-canyon-950: #2b130e;
}SCSS
$grand-canyon: #a86250;
$grand-canyon-rgb: 168, 98, 80;
$grand-canyon-light: mix(#fff, $grand-canyon, 20%);
$grand-canyon-dark: mix(#000, $grand-canyon, 20%);
.element {
color: $grand-canyon;
box-shadow: 0 0 0 2px rgba($grand-canyon, 0.35);
}