Colore con nome · #441111
English Breakfast
English Breakfast è #441111: rgb(68 17 17), hsl(0 60% 17%), oklch(0.265 0.079 24.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · English Breakfast color name →
#441111
oklch(0.265 0.079 24.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 572725
- 693D3A
- 7C5350
- 8E6A67
- A1817E
- B39997
- C6B2B0
- D9CBCA
- ECE5E4
Ombre
- 3A0D0D
- 300909
- 260606
- 1D0404
- 140202
- 0C0101
- 050000
- 020000
- 000000
Toni
- 4B1D1B
- 522826
- 583330
- 5E3D3B
- 654846
- 6A5351
- 705E5C
- 766968
- 7B7574
Armonie di colore
Complementare +180°
- 441111
English Breakfast
- 002B2F
≈ Black Box
Analogo -30° +30°
- 441111
English Breakfast
- 411128
≈ What We Do in the Shadows
- 3D1A00
≈ 90% Cocoa
Triadico +120° +240°
- 441111
English Breakfast
- 042E08
≈ Diminishing Green
- 11224B
≈ Dark Eclipse
Complementare divisa +150° +210°
- 441111
English Breakfast
- 002D23
≈ Dark Jungle
- 00293C
≈ Murky Depths
Tetradico +90° +180° +270°
- 441111
English Breakfast
- 252800
≈ Liquorice Root
- 002B2F
≈ Black Box
- 281B47
≈ Azulado
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 15.74:1 · APCA Lc 102
Ag
FailSu nero
WCAG 1.33:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 15.74:1 (AAA) · APCA Lc 102
Contrast pairs
Frammenti di codice
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);
}