色名 · #873D30
Boxcar
Boxcarは#873D30：rgb(135 61 48)、hsl(9 48% 36%)、oklch(0.455 0.105 31.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Boxcar color name →
#873D30
oklch(0.455 0.105 31.6)
カラー変換
- HEX
- #873d30
- RGB
- rgb(135 61 48)
- HSL
- hsl(9 48% 36%)
- HWB
- hwb(9 19% 47%)
- OKLCH
- oklch(0.455 0.105 31.6)
- OKLab
- oklab(0.455 0.089 0.055)
- CIE Lab
- lab(35.82 31.6 23.82)
- LCH
- lch(35.82 39.57 37)
- CMYK
- cmyk(0% 55% 64% 47%)
ティント · シェード · トーン
ティント
- 945043
- A16357
- AD756A
- BA887E
- C69B93
- D1AFA8
- DDC2BD
- E9D6D3
- F4EBE9
シェード
- 753428
- 632B21
- 51221A
- 411A13
- 31120C
- 210A06
- 130403
- 060101
- 010000
トーン
- 874538
- 884C40
- 875348
- 875950
- 876058
- 866760
- 856D68
- 847370
- 827A78
カラーハーモニー
補色 +180°
- 873D30
Boxcar
- 006270
≈ Blue Lagoon
類似色 -30° +30°
- 873D30
Boxcar
- 843A52
≈ Camelot
- 7F4701
≈ Dried Mustard
トライアド +120° +240°
- 873D30
Boxcar
- 1C6738
≈ Bucolic
- 425190
≈ Demon Blue
スプリットコンプリメンタリー +150° +210°
- 873D30
Boxcar
- 00655A
≈ Arizona Stone
- 075C8B
≈ Buccaneer Blue
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.66:1 · APCA Lc 86
Ag
Fail黒の上
WCAG 2.74:1 · APCA Lc 16
最適な文字色: #FFFFFF
WCAG 7.66:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--boxcar: #873d30;
--boxcar-rgb: 135 61 48;
--boxcar-oklch: oklch(0.455 0.105 31.6);
}
.element {
color: var(--boxcar);
background-color: hsl(9 48% 36%);
border-color: oklch(0.455 0.105 31.6);
}Tailwind CSS v4
@theme {
--color-boxcar: #873d30;
--color-boxcar-50: #ffebe2;
--color-boxcar-100: #ffdcd1;
--color-boxcar-200: #fec5b7;
--color-boxcar-300: #e8a495;
--color-boxcar-400: #d58778;
--color-boxcar-500: #c16a5a;
--color-boxcar-600: #a35a4c;
--color-boxcar-700: #83483d;
--color-boxcar-800: #62332d;
--color-boxcar-900: #44231e;
--color-boxcar-950: #2c120e;
}SCSS
$boxcar: #873d30;
$boxcar-rgb: 135, 61, 48;
$boxcar-light: mix(#fff, $boxcar, 20%);
$boxcar-dark: mix(#000, $boxcar, 20%);
.element {
color: $boxcar;
box-shadow: 0 0 0 2px rgba($boxcar, 0.35);
}