色名 · #A34E25
Hamburger
Hamburgerは#A34E25：rgb(163 78 37)、hsl(20 63% 39%)、oklch(0.523 0.125 44.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Hamburger color name →
#A34E25
oklch(0.523 0.125 44.2)
カラー変換
- HEX
- #a34e25
- RGB
- rgb(163 78 37)
- HSL
- hsl(20 63% 39%)
- HWB
- hwb(20 15% 36%)
- OKLCH
- oklch(0.523 0.125 44.2)
- OKLab
- oklab(0.523 0.089 0.087)
- CIE Lab
- lab(43.83 33.92 40.23)
- LCH
- lch(43.83 52.62 49.9)
- CMYK
- cmyk(0% 52% 77% 36%)
ティント · シェード · トーン
ティント
- AE603D
- B87152
- C28367
- CB947C
- D4A692
- DEB7A7
- E6C9BD
- EFDBD2
- F7EDE9
シェード
- 8D431F
- 783819
- 632D13
- 4F230D
- 3C1908
- 2A0F04
- 190702
- 0A0200
- 010000
トーン
- A05431
- 9E5A3B
- 9B5F45
- 98644E
- 946957
- 916E5F
- 8D7368
- 897770
- 857C78
カラーハーモニー
補色 +180°
- A34E25
Hamburger
- 007594
≈ Blue Luxury
類似色 -30° +30°
- A34E25
Hamburger
- A54753
≈ Black Pudding
- 8F5F00
≈ Rat Brown
トライアド +120° +240°
- A34E25
Hamburger
- 007D59
≈ Sharp Green
- 635DAE
≈ Blue Marguerite
スプリットコンプリメンタリー +150° +210°
- A34E25
Hamburger
- 007A79
≈ Buzzards Bay
- 306BB0
≈ Dover Straits
テトラード +90° +180° +270°
- A34E25
Hamburger
- 4A7926
≈ Master Chief
- 007594
≈ Blue Luxury
- 84519B
≈ Royal Lilac
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.71:1 · APCA Lc 78
Ag
Fail黒の上
WCAG 3.67:1 · APCA Lc 24
最適な文字色: #FFFFFF
WCAG 5.71:1 (AA) · APCA Lc 78
Contrast pairs
コードスニペット
CSS
:root {
--hamburger: #a34e25;
--hamburger-rgb: 163 78 37;
--hamburger-oklch: oklch(0.523 0.125 44.2);
}
.element {
color: var(--hamburger);
background-color: hsl(20 63% 39%);
border-color: oklch(0.523 0.125 44.2);
}Tailwind CSS v4
@theme {
--color-hamburger: #a34e25;
--color-hamburger-50: #ffebd8;
--color-hamburger-100: #ffdcc5;
--color-hamburger-200: #ffc4a7;
--color-hamburger-300: #eda380;
--color-hamburger-400: #db855f;
--color-hamburger-500: #c8673a;
--color-hamburger-600: #a95832;
--color-hamburger-700: #884628;
--color-hamburger-800: #65321d;
--color-hamburger-900: #472213;
--color-hamburger-950: #2e1105;
}SCSS
$hamburger: #a34e25;
$hamburger-rgb: 163, 78, 37;
$hamburger-light: mix(#fff, $hamburger, 20%);
$hamburger-dark: mix(#000, $hamburger, 20%);
.element {
color: $hamburger;
box-shadow: 0 0 0 2px rgba($hamburger, 0.35);
}