Màu có tên gần nhất · #471010
#471010
Màu có tên gần nhất: English Breakfast
#471010 (rgb(71 16 16), hsl(0 63% 17%), oklch(0.27 0.084 24.7)) gần nhất với màu có tên English Breakfast. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#471010
oklch(0.27 0.084 24.7)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 5A2724
- 6C3D39
- 7E534F
- 906A66
- A3817E
- B59996
- C7B2B0
- DACBC9
- ECE5E4
Sắc đậm
- 3D0C0C
- 320909
- 280606
- 1F0404
- 160202
- 0D0101
- 060000
- 020000
- 000000
Sắc xám
- 4E1C1A
- 542825
- 5B3330
- 613D3A
- 664846
- 6C5351
- 715E5C
- 766968
- 7B7574
Hòa sắc
Bổ túc +180°
- 471010
English Breakfast
- 002D31
≈ Black Chasm
Tương đồng -30° +30°
- 471010
English Breakfast
- 431029
≈ What We Do in the Shadows
- 3E1B00
≈ 90% Cocoa
Bộ ba +120° +240°
- 471010
English Breakfast
- 013007
≈ Diminishing Green
- 11234F
≈ Dark Soul
Bổ túc chia +150° +210°
- 471010
English Breakfast
- 002E25
≈ Dark Jungle
- 002A3E
≈ Murky Depths
Bộ bốn +90° +180° +270°
- 471010
English Breakfast
- 262900
≈ Lindworm Green
- 002D31
≈ Black Chasm
- 2A1B4A
≈ Silent Orbit
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 15.56:1 · APCA Lc 102
Ag
FailTrên nền đen
WCAG 1.34:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 15.56:1 (AAA) · APCA Lc 102
Contrast pairs
Đoạn mã
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);
}