色名 · #441111
English Breakfast
English Breakfastは#441111：rgb(68 17 17)、hsl(0 60% 17%)、oklch(0.265 0.079 24.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Brown mean? → · English Breakfast color name →
#441111
oklch(0.265 0.079 24.2)
カラー変換
- HEX
- #441111
- RGB
- rgb(68 17 17)
- HSL
- hsl(0 60% 17%)
- HWB
- hwb(0 7% 73%)
- OKLCH
- oklch(0.265 0.079 24.2)
- OKLab
- oklab(0.265 0.072 0.032)
- CIE Lab
- lab(13.95 24.87 13.96)
- LCH
- lch(13.95 28.52 29.3)
- CMYK
- cmyk(0% 75% 75% 73%)
ティント · シェード · トーン
ティント
- 572725
- 693D3A
- 7C5350
- 8E6A67
- A1817E
- B39997
- C6B2B0
- D9CBCA
- ECE5E4
シェード
- 3A0D0D
- 300909
- 260606
- 1D0404
- 140202
- 0C0101
- 050000
- 020000
- 000000
トーン
- 4B1D1B
- 522826
- 583330
- 5E3D3B
- 654846
- 6A5351
- 705E5C
- 766968
- 7B7574
カラーハーモニー
補色 +180°
- 441111
English Breakfast
- 002B2F
≈ Black Box
類似色 -30° +30°
- 441111
English Breakfast
- 411128
≈ What We Do in the Shadows
- 3D1A00
≈ 90% Cocoa
トライアド +120° +240°
- 441111
English Breakfast
- 042E08
≈ Diminishing Green
- 11224B
≈ Dark Eclipse
スプリットコンプリメンタリー +150° +210°
- 441111
English Breakfast
- 002D23
≈ Dark Jungle
- 00293C
≈ Murky Depths
テトラード +90° +180° +270°
- 441111
English Breakfast
- 252800
≈ Liquorice Root
- 002B2F
≈ Black Box
- 281B47
≈ Azulado
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 15.74:1 · APCA Lc 102
Ag
Fail黒の上
WCAG 1.33:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 15.74:1 (AAA) · APCA Lc 102
Contrast pairs
コードスニペット
CSS
:root {
--english-breakfast: #441111;
--english-breakfast-rgb: 68 17 17;
--english-breakfast-oklch: oklch(0.265 0.079 24.2);
}
.element {
color: var(--english-breakfast);
background-color: hsl(0 60% 17%);
border-color: oklch(0.265 0.079 24.2);
}Tailwind CSS v4
@theme {
--color-english-breakfast: #441111;
--color-english-breakfast-50: #ffede9;
--color-english-breakfast-100: #ffdfda;
--color-english-breakfast-200: #f4c8c3;
--color-english-breakfast-300: #dda9a2;
--color-english-breakfast-400: #c98c88;
--color-english-breakfast-500: #b5716c;
--color-english-breakfast-600: #99605c;
--color-english-breakfast-700: #7a4d49;
--color-english-breakfast-800: #5b3736;
--color-english-breakfast-900: #402625;
--color-english-breakfast-950: #281413;
}SCSS
$english-breakfast: #441111;
$english-breakfast-rgb: 68, 17, 17;
$english-breakfast-light: mix(#fff, $english-breakfast, 20%);
$english-breakfast-dark: mix(#000, $english-breakfast, 20%);
.element {
color: $english-breakfast;
box-shadow: 0 0 0 2px rgba($english-breakfast, 0.35);
}