Nazwany kolor · #441111
English Breakfast
English Breakfast to #441111: rgb(68 17 17), hsl(0 60% 17%), oklch(0.265 0.079 24.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · English Breakfast color name →
#441111
oklch(0.265 0.079 24.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 572725
- 693D3A
- 7C5350
- 8E6A67
- A1817E
- B39997
- C6B2B0
- D9CBCA
- ECE5E4
Odcienie ciemniejsze
- 3A0D0D
- 300909
- 260606
- 1D0404
- 140202
- 0C0101
- 050000
- 020000
- 000000
Tony
- 4B1D1B
- 522826
- 583330
- 5E3D3B
- 654846
- 6A5351
- 705E5C
- 766968
- 7B7574
Harmonie kolorów
Komplementarna +180°
- 441111
English Breakfast
- 002B2F
≈ Black Box
Analogowa -30° +30°
- 441111
English Breakfast
- 411128
≈ What We Do in the Shadows
- 3D1A00
≈ 90% Cocoa
Triada +120° +240°
- 441111
English Breakfast
- 042E08
≈ Diminishing Green
- 11224B
≈ Dark Eclipse
Komplementarna rozszczepiona +150° +210°
- 441111
English Breakfast
- 002D23
≈ Dark Jungle
- 00293C
≈ Murky Depths
Tetrada +90° +180° +270°
- 441111
English Breakfast
- 252800
≈ Liquorice Root
- 002B2F
≈ Black Box
- 281B47
≈ Azulado
Kontrast i dostępność
Ag
AAANa bieli
WCAG 15.74:1 · APCA Lc 102
Ag
FailNa czerni
WCAG 1.33:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 15.74:1 (AAA) · APCA Lc 102
Contrast pairs
Fragmenty kodu
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);
}