色名 · #6E5949
Rustic Tobacco
Rustic Tobaccoは#6E5949：rgb(110 89 73)、hsl(26 20% 36%)、oklch(0.481 0.037 59)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Brown mean? → · Rustic Tobacco color name →
#6E5949
oklch(0.481 0.037 59)
カラー変換
- HEX
- #6e5949
- RGB
- rgb(110 89 73)
- HSL
- hsl(26 20% 36%)
- HWB
- hwb(26 29% 57%)
- OKLCH
- oklch(0.481 0.037 59)
- OKLab
- oklab(0.481 0.019 0.032)
- CIE Lab
- lab(39.64 7 12.71)
- LCH
- lch(39.64 14.51 61.1)
- CMYK
- cmyk(0% 19% 34% 57%)
ティント · シェード · トーン
ティント
- 7C685A
- 89786A
- 98887C
- A6988E
- B4A8A0
- C3B9B2
- D2CAC5
- E1DCD8
- F0EDEB
シェード
- 5F4C3E
- 504034
- 41342A
- 332820
- 261D17
- 19130E
- 0E0906
- 040302
- 010000
トーン
- 705D4E
- 726154
- 746559
- 75685F
- 776C64
- 79706A
- 7B746F
- 7D7875
- 7E7C7A
カラーハーモニー
補色 +180°
- 6E5949
Rustic Tobacco
- 4B6171
≈ English Channel
類似色 -30° +30°
- 6E5949
Rustic Tobacco
- 715652
≈ Rosy Sandstone
- 665D46
≈ Stone Pine
トライアド +120° +240°
- 6E5949
Rustic Tobacco
- 47655E
≈ Grand Prix
- 605970
≈ Head Over Heels
スプリットコンプリメンタリー +150° +210°
- 6E5949
Rustic Tobacco
- 456469
≈ Tax Break
- 555D73
≈ Vintage Indigo
テトラード +90° +180° +270°
- 6E5949
Rustic Tobacco
- 4F6452
≈ Pasture Green
- 4B6171
≈ English Channel
- 6A5668
≈ Antique Grey
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.58:1 · APCA Lc 83
Ag
Fail黒の上
WCAG 3.18:1 · APCA Lc 19
最適な文字色: #FFFFFF
WCAG 6.58:1 (AA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--rustic-tobacco: #6e5949;
--rustic-tobacco-rgb: 110 89 73;
--rustic-tobacco-oklch: oklch(0.481 0.037 59);
}
.element {
color: var(--rustic-tobacco);
background-color: hsl(26 20% 36%);
border-color: oklch(0.481 0.037 59);
}Tailwind CSS v4
@theme {
--color-rustic-tobacco: #6e5949;
--color-rustic-tobacco-50: #fdf3eb;
--color-rustic-tobacco-100: #f2e5dc;
--color-rustic-tobacco-200: #e1d1c5;
--color-rustic-tobacco-300: #c6b4a5;
--color-rustic-tobacco-400: #b09a89;
--color-rustic-tobacco-500: #99816e;
--color-rustic-tobacco-600: #826d5d;
--color-rustic-tobacco-700: #68574a;
--color-rustic-tobacco-800: #4d3f36;
--color-rustic-tobacco-900: #352c25;
--color-rustic-tobacco-950: #201913;
}SCSS
$rustic-tobacco: #6e5949;
$rustic-tobacco-rgb: 110, 89, 73;
$rustic-tobacco-light: mix(#fff, $rustic-tobacco, 20%);
$rustic-tobacco-dark: mix(#000, $rustic-tobacco, 20%);
.element {
color: $rustic-tobacco;
box-shadow: 0 0 0 2px rgba($rustic-tobacco, 0.35);
}