Màu có tên gần nhất · #51331D
#51331D
Màu có tên gần nhất: Peat Brown
#51331D (rgb(81 51 29), hsl(25 47% 22%), oklch(0.352 0.055 56)) gần nhất với màu có tên Peat Brown. 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.
#51331D
oklch(0.352 0.055 56)
Chuyển đổi màu
- HEX
- #51331d
- RGB
- rgb(81 51 29)
- HSL
- hsl(25 47% 22%)
- HWB
- hwb(25 11% 68%)
- OKLCH
- oklch(0.352 0.055 56)
- OKLab
- oklab(0.352 0.031 0.046)
- CIE Lab
- lab(24.57 12.05 19.64)
- LCH
- lch(24.57 23.04 58.5)
- CMYK
- cmyk(0% 37% 64% 68%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 614531
- 725846
- 836B5B
- 947F71
- A59387
- B7A89E
- C8BDB5
- DAD3CD
- EDE9E6
Sắc đậm
- 452B18
- 3A2313
- 2F1C0E
- 241409
- 1A0D05
- 100703
- 070301
- 020100
- 000000
Sắc xám
- 563A27
- 5B4231
- 60493A
- 645144
- 69594E
- 6E6058
- 726861
- 77706C
- 7B7876
Hòa sắc
Bổ túc +180°
- 51331D
Peat Brown
- 1B3F54
≈ Capital Blue
Tương đồng -30° +30°
- 51331D
Peat Brown
- 542F2C
≈ Bratwurst
- 483915
≈ Lisbon Brown
Bộ ba +120° +240°
- 51331D
Peat Brown
- 13443A
≈ MSU Green
- 3E3555
≈ Naggaroth Night
Bổ túc chia +150° +210°
- 51331D
Peat Brown
- 0B4349
≈ Rapture
- 2D3A58
≈ Mediaeval Blue
Bộ bốn +90° +180° +270°
- 51331D
Peat Brown
- 274329
≈ Zucchini
- 1B3F54
≈ Capital Blue
- 4A314A
≈ Loulou
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 11.40:1 · APCA Lc 96
Ag
FailTrên nền đen
WCAG 1.84:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 11.40:1 (AAA) · APCA Lc 96
Contrast pairs
Đoạn mã
CSS
:root {
--peat-brown: #51331d;
--peat-brown-rgb: 81 51 29;
--peat-brown-oklch: oklch(0.352 0.055 56);
}
.element {
color: var(--peat-brown);
background-color: hsl(25 47% 22%);
border-color: oklch(0.352 0.055 56);
}Tailwind CSS v4
@theme {
--color-peat-brown: #51331d;
--color-peat-brown-50: #fff2e6;
--color-peat-brown-100: #f7e4d6;
--color-peat-brown-200: #e7cfbe;
--color-peat-brown-300: #ceb19c;
--color-peat-brown-400: #b9977f;
--color-peat-brown-500: #a37d63;
--color-peat-brown-600: #8a6a54;
--color-peat-brown-700: #6f5543;
--color-peat-brown-800: #523d30;
--color-peat-brown-900: #392a21;
--color-peat-brown-950: #231810;
}SCSS
$peat-brown: #51331d;
$peat-brown-rgb: 81, 51, 29;
$peat-brown-light: mix(#fff, $peat-brown, 20%);
$peat-brown-dark: mix(#000, $peat-brown, 20%);
.element {
color: $peat-brown;
box-shadow: 0 0 0 2px rgba($peat-brown, 0.35);
}