Couleur nommée la plus proche · #471010
#471010
Couleur nommée la plus proche: English Breakfast
#471010 (rgb(71 16 16), hsl(0 63% 17%), oklch(0.27 0.084 24.7)) est la plus proche de la couleur nommée English Breakfast. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#471010
oklch(0.27 0.084 24.7)
Conversions de couleur
- HEX
- #471010
- RGB
- rgb(71 16 16)
- HSL
- hsl(0 63% 17%)
- HWB
- hwb(0 6% 72%)
- OKLCH
- oklch(0.27 0.084 24.7)
- OKLab
- oklab(0.27 0.076 0.035)
- CIE Lab
- lab(14.43 26.47 15.29)
- LCH
- lch(14.43 30.57 30)
- CMYK
- cmyk(0% 77% 77% 72%)
Teintes · Ombres · Tons
Teintes
- 5A2724
- 6C3D39
- 7E534F
- 906A66
- A3817E
- B59996
- C7B2B0
- DACBC9
- ECE5E4
Ombres
- 3D0C0C
- 320909
- 280606
- 1F0404
- 160202
- 0D0101
- 060000
- 020000
- 000000
Tons
- 4E1C1A
- 542825
- 5B3330
- 613D3A
- 664846
- 6C5351
- 715E5C
- 766968
- 7B7574
Harmonies de couleurs
Complémentaire +180°
- 471010
English Breakfast
- 002D31
≈ Black Chasm
Analogue -30° +30°
- 471010
English Breakfast
- 431029
≈ What We Do in the Shadows
- 3E1B00
≈ 90% Cocoa
Triadique +120° +240°
- 471010
English Breakfast
- 013007
≈ Diminishing Green
- 11234F
≈ Dark Soul
Complémentaire divisée +150° +210°
- 471010
English Breakfast
- 002E25
≈ Dark Jungle
- 002A3E
≈ Murky Depths
Tétradique +90° +180° +270°
- 471010
English Breakfast
- 262900
≈ Lindworm Green
- 002D31
≈ Black Chasm
- 2A1B4A
≈ Silent Orbit
Contraste et accessibilité
Ag
AAASur blanc
WCAG 15.56:1 · APCA Lc 102
Ag
FailSur noir
WCAG 1.34:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 15.56:1 (AAA) · APCA Lc 102
Contrast pairs
Extraits de code
CSS
:root {
--english-breakfast: #471010;
--english-breakfast-rgb: 71 16 16;
--english-breakfast-oklch: oklch(0.27 0.084 24.7);
}
.element {
color: var(--english-breakfast);
background-color: hsl(0 63% 17%);
border-color: oklch(0.27 0.084 24.7);
}Tailwind CSS v4
@theme {
--color-english-breakfast: #471010;
--color-english-breakfast-50: #ffede8;
--color-english-breakfast-100: #ffded9;
--color-english-breakfast-200: #f6c7c1;
--color-english-breakfast-300: #dfa8a1;
--color-english-breakfast-400: #cb8b86;
--color-english-breakfast-500: #b7706a;
--color-english-breakfast-600: #9b5f5a;
--color-english-breakfast-700: #7c4c48;
--color-english-breakfast-800: #5c3635;
--color-english-breakfast-900: #412524;
--color-english-breakfast-950: #291413;
}SCSS
$english-breakfast: #471010;
$english-breakfast-rgb: 71, 16, 16;
$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);
}