色名 · #6E4A44
Fireside
Firesideは#6E4A44：rgb(110 74 68)、hsl(9 24% 35%)、oklch(0.447 0.051 29.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Brown mean? → · Fireside color name →
#6E4A44
oklch(0.447 0.051 29.7)
カラー変換
- HEX
- #6e4a44
- RGB
- rgb(110 74 68)
- HSL
- hsl(9 24% 35%)
- HWB
- hwb(9 27% 57%)
- OKLCH
- oklch(0.447 0.051 29.7)
- OKLab
- oklab(0.447 0.044 0.025)
- CIE Lab
- lab(35.46 15.16 10.11)
- LCH
- lch(35.46 18.22 33.7)
- CMYK
- cmyk(0% 33% 38% 57%)
ティント · シェード · トーン
ティント
- 7C5A55
- 8A6B66
- 987D78
- A78E8A
- B5A09D
- C4B3B0
- D2C5C3
- E1D8D7
- F0EBEB
シェード
- 5F3F3A
- 503530
- 412A26
- 33201D
- 261714
- 190E0C
- 0E0605
- 040202
- 010000
トーン
- 704F4A
- 725550
- 745A56
- 765F5B
- 786561
- 7A6A67
- 7B706E
- 7D7574
- 7F7B7A
カラーハーモニー
補色 +180°
- 6E4A44
Fireside
- 305C64
≈ Arctic Nights
類似色 -30° +30°
- 6E4A44
Fireside
- 6C4953
≈ Mixed Berry Jam
- 6A4E38
≈ Tilled Soil
トライアド +120° +240°
- 6E4A44
Fireside
- 405D46
≈ Horsetail
- 495371
≈ Signature Blue
スプリットコンプリメンタリー +150° +210°
- 6E4A44
Fireside
- 335E55
≈ Holly Bush
- 3A596E
≈ Indian Teal
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.70:1 · APCA Lc 87
Ag
Fail黒の上
WCAG 2.72:1 · APCA Lc 15
最適な文字色: #FFFFFF
WCAG 7.70:1 (AAA) · APCA Lc 87
Contrast pairs
コードスニペット
CSS
:root {
--fireside: #6e4a44;
--fireside-rgb: 110 74 68;
--fireside-oklch: oklch(0.447 0.051 29.7);
}
.element {
color: var(--fireside);
background-color: hsl(9 24% 35%);
border-color: oklch(0.447 0.051 29.7);
}Tailwind CSS v4
@theme {
--color-fireside: #6e4a44;
--color-fireside-50: #fff0ec;
--color-fireside-100: #f8e2de;
--color-fireside-200: #e9cdc7;
--color-fireside-300: #d0afa8;
--color-fireside-400: #bb948d;
--color-fireside-500: #a57a73;
--color-fireside-600: #8c6761;
--color-fireside-700: #70534d;
--color-fireside-800: #533c39;
--color-fireside-900: #3a2927;
--color-fireside-950: #241715;
}SCSS
$fireside: #6e4a44;
$fireside-rgb: 110, 74, 68;
$fireside-light: mix(#fff, $fireside, 20%);
$fireside-dark: mix(#000, $fireside, 20%);
.element {
color: $fireside;
box-shadow: 0 0 0 2px rgba($fireside, 0.35);
}