色名 · #863B2C
Grill Master
Grill Masterは#863B2C：rgb(134 59 44)、hsl(10 51% 35%)、oklch(0.449 0.107 32.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Brown mean? → · Grill Master color name →
#863B2C
oklch(0.449 0.107 32.9)
カラー変換
- HEX
- #863b2c
- RGB
- rgb(134 59 44)
- HSL
- hsl(10 51% 35%)
- HWB
- hwb(10 17% 47%)
- OKLCH
- oklch(0.449 0.107 32.9)
- OKLab
- oklab(0.449 0.09 0.058)
- CIE Lab
- lab(35.19 32.01 25.45)
- LCH
- lch(35.19 40.9 38.5)
- CMYK
- cmyk(0% 56% 67% 47%)
ティント · シェード · トーン
ティント
- 934E40
- A06154
- AD7468
- B9877C
- C59A91
- D1AEA6
- DDC2BC
- E8D6D2
- F4EAE8
シェード
- 743225
- 62291E
- 512117
- 401911
- 30110A
- 210905
- 130402
- 060101
- 010000
トーン
- 864335
- 874A3D
- 875146
- 87584E
- 865F56
- 86665F
- 856C67
- 83736F
- 827A78
カラーハーモニー
補色 +180°
- 863B2C
Grill Master
- 00606F
≈ Cool Dive
類似色 -30° +30°
- 863B2C
Grill Master
- 84384F
≈ Camelot
- 7C4600
≈ Dusky Brown
トライアド +120° +240°
- 863B2C
Grill Master
- 146537
≈ Bucolic
- 424F90
≈ Merlin’s Robe
スプリットコンプリメンタリー +150° +210°
- 863B2C
Grill Master
- 006359
≈ Dancing Peacock
- 045A8B
≈ Buccaneer Blue
テトラード +90° +180° +270°
- 863B2C
Grill Master
- 4A5E07
≈ Kyuri Green
- 00606F
≈ Cool Dive
- 614485
≈ Lords of the Night
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.84:1 · APCA Lc 87
Ag
Fail黒の上
WCAG 2.67:1 · APCA Lc 15
最適な文字色: #FFFFFF
WCAG 7.84:1 (AAA) · APCA Lc 87
Contrast pairs
コードスニペット
CSS
:root {
--grill-master: #863b2c;
--grill-master-rgb: 134 59 44;
--grill-master-oklch: oklch(0.449 0.107 32.9);
}
.element {
color: var(--grill-master);
background-color: hsl(10 51% 35%);
border-color: oklch(0.449 0.107 32.9);
}Tailwind CSS v4
@theme {
--color-grill-master: #863b2c;
--color-grill-master-50: #ffebe1;
--color-grill-master-100: #ffdcd0;
--color-grill-master-200: #fec5b6;
--color-grill-master-300: #e8a493;
--color-grill-master-400: #d68775;
--color-grill-master-500: #c26957;
--color-grill-master-600: #a45a4a;
--color-grill-master-700: #84483b;
--color-grill-master-800: #62332b;
--color-grill-master-900: #45231d;
--color-grill-master-950: #2c120d;
}SCSS
$grill-master: #863b2c;
$grill-master-rgb: 134, 59, 44;
$grill-master-light: mix(#fff, $grill-master, 20%);
$grill-master-dark: mix(#000, $grill-master, 20%);
.element {
color: $grill-master;
box-shadow: 0 0 0 2px rgba($grill-master, 0.35);
}