Color con nombre más cercano · #401A17
#401A17
Color con nombre más cercano: English Breakfast
#401A17 (rgb(64 26 23), hsl(4 47% 17%), oklch(0.273 0.06 26.3)) se parece más al color con nombre English Breakfast. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#401A17
oklch(0.273 0.06 26.3)
Conversiones de color
- HEX
- #401a17
- RGB
- rgb(64 26 23)
- HSL
- hsl(4 47% 17%)
- HWB
- hwb(4 9% 75%)
- OKLCH
- oklch(0.273 0.06 26.3)
- OKLab
- oklab(0.273 0.054 0.027)
- CIE Lab
- lab(15.13 18.68 11.32)
- LCH
- lch(15.13 21.85 31.2)
- CMYK
- cmyk(0% 59% 64% 75%)
Tintes · Sombras · Tonos
Tintes
- 522E2A
- 65433F
- 775854
- 8A6E6A
- 9D8582
- B09C99
- C3B4B2
- D7CCCB
- EBE5E5
Sombras
- 361512
- 2D100E
- 240C0A
- 1B0706
- 130404
- 0B0202
- 050101
- 010000
- 000000
Tonos
- 472421
- 4E2E2A
- 543734
- 5B413E
- 614B49
- 685653
- 6E605E
- 746B69
- 7A7575
Armonías de color
Complementario +180°
- 401A17
English Breakfast
- 002E33
≈ Roof Tile Green
Análogo -30° +30°
- 401A17
English Breakfast
- 3E1928
≈ Black-Hearted
- 3D1E05
≈ 90% Cocoa
Triádico +120° +240°
- 401A17
English Breakfast
- 102F14
≈ Bush
- 192645
≈ Eternal Darkness
Complementario dividido +150° +210°
- 401A17
English Breakfast
- 002F26
≈ Dark Jungle
- 002B40
≈ Murky Depths
Tetrádico +90° +180° +270°
- 401A17
English Breakfast
- 262B02
≈ Darkest Forest
- 002E33
≈ Roof Tile Green
- 2A2041
≈ Throat
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 15.23:1 · APCA Lc 102
Ag
FailSobre negro
WCAG 1.37:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 15.23:1 (AAA) · APCA Lc 102
Contrast pairs
Fragmentos de código
CSS
:root {
--english-breakfast: #401a17;
--english-breakfast-rgb: 64 26 23;
--english-breakfast-oklch: oklch(0.273 0.06 26.3);
}
.element {
color: var(--english-breakfast);
background-color: hsl(4 47% 17%);
border-color: oklch(0.273 0.06 26.3);
}Tailwind CSS v4
@theme {
--color-english-breakfast: #401a17;
--color-english-breakfast-50: #ffefec;
--color-english-breakfast-100: #fce1dd;
--color-english-breakfast-200: #edcbc6;
--color-english-breakfast-300: #d5aca6;
--color-english-breakfast-400: #c0918c;
--color-english-breakfast-500: #ab7771;
--color-english-breakfast-600: #906560;
--color-english-breakfast-700: #74514d;
--color-english-breakfast-800: #553a38;
--color-english-breakfast-900: #3c2826;
--color-english-breakfast-950: #251615;
}SCSS
$english-breakfast: #401a17;
$english-breakfast-rgb: 64, 26, 23;
$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);
}