色名 · #7B4141
January Garnet
January Garnetは#7B4141：rgb(123 65 65)、hsl(0 31% 37%)、oklch(0.447 0.08 20.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Brown mean? → · January Garnet color name →
#7B4141
oklch(0.447 0.08 20.8)
カラー変換
- HEX
- #7b4141
- RGB
- rgb(123 65 65)
- HSL
- hsl(0 31% 37%)
- HWB
- hwb(0 25% 52%)
- OKLCH
- oklch(0.447 0.08 20.8)
- OKLab
- oklab(0.447 0.075 0.029)
- CIE Lab
- lab(35.04 25.62 11.79)
- LCH
- lch(35.04 28.2 24.7)
- CMYK
- cmyk(0% 47% 47% 52%)
ティント · シェード · トーン
ティント
- 895352
- 966564
- A37776
- B18988
- BE9C9B
- CBAFAE
- D8C3C2
- E5D7D6
- F2EBEA
シェード
- 6A3737
- 5A2E2E
- 4A2525
- 3A1C1C
- 2C1313
- 1E0B0B
- 100505
- 050101
- 010000
トーン
- 7C4847
- 7D4E4D
- 7E5453
- 7F5B5A
- 806160
- 806766
- 806D6D
- 817473
- 807A79
カラーハーモニー
補色 +180°
- 7B4141
January Garnet
- 006166
≈ Beau Vert
類似色 -30° +30°
- 7B4141
January Garnet
- 76415A
≈ Purple Drab
- 784628
≈ Cape Palliser
トライアド +120° +240°
- 7B4141
January Garnet
- 3A5F34
≈ Verde Garrafa
- 3A5481
≈ Deep Azure
スプリットコンプリメンタリー +150° +210°
- 7B4141
January Garnet
- 14634E
≈ Green Paw Paw
- 175C79
≈ Saltwater Denim
テトラード +90° +180° +270°
- 7B4141
January Garnet
- 57581D
≈ Soldier Green
- 006166
≈ Beau Vert
- 554C7E
≈ Fully Purple
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.85:1 · APCA Lc 87
Ag
Fail黒の上
WCAG 2.67:1 · APCA Lc 15
最適な文字色: #FFFFFF
WCAG 7.85:1 (AAA) · APCA Lc 87
Contrast pairs
コードスニペット
CSS
:root {
--january-garnet: #7b4141;
--january-garnet-rgb: 123 65 65;
--january-garnet-oklch: oklch(0.447 0.08 20.8);
}
.element {
color: var(--january-garnet);
background-color: hsl(0 31% 37%);
border-color: oklch(0.447 0.08 20.8);
}Tailwind CSS v4
@theme {
--color-january-garnet: #7b4141;
--color-january-garnet-50: #ffedea;
--color-january-garnet-100: #ffdedb;
--color-january-garnet-200: #f5c7c4;
--color-january-garnet-300: #dea8a4;
--color-january-garnet-400: #ca8c8a;
--color-january-garnet-500: #b6706f;
--color-january-garnet-600: #995f5e;
--color-january-garnet-700: #7b4c4b;
--color-january-garnet-800: #5b3737;
--color-january-garnet-900: #402526;
--color-january-garnet-950: #291414;
}SCSS
$january-garnet: #7b4141;
$january-garnet-rgb: 123, 65, 65;
$january-garnet-light: mix(#fff, $january-garnet, 20%);
$january-garnet-dark: mix(#000, $january-garnet, 20%);
.element {
color: $january-garnet;
box-shadow: 0 0 0 2px rgba($january-garnet, 0.35);
}