이름 색상 · #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);
}