Màu có tên gần nhất · #5E3430
#5E3430
Màu có tên gần nhất: Rampant Rhubarb
#5E3430 (rgb(94 52 48), hsl(5 32% 28%), oklch(0.377 0.061 26.2)) gần nhất với màu có tên Rampant Rhubarb. 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.
#5E3430
oklch(0.377 0.061 26.2)
Chuyển đổi màu
- HEX
- #5e3430
- RGB
- rgb(94 52 48)
- HSL
- hsl(5 32% 28%)
- HWB
- hwb(5 19% 63%)
- OKLCH
- oklch(0.377 0.061 26.2)
- OKLab
- oklab(0.377 0.055 0.027)
- CIE Lab
- lab(27.11 19 11.15)
- LCH
- lch(27.11 22.03 30.4)
- CMYK
- cmyk(0% 45% 49% 63%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 6E4642
- 7D5955
- 8D6C68
- 9D807C
- AD9491
- BDA9A6
- CEBEBC
- DED3D2
- EEE9E8
Sắc đậm
- 512C28
- 442421
- 371C1A
- 2B1513
- 1F0E0C
- 140706
- 0A0303
- 030101
- 000000
Sắc xám
- 623C38
- 66433F
- 694A47
- 6D524F
- 715A57
- 74615F
- 776967
- 7A706F
- 7D7878
Hòa sắc
Bổ túc +180°
- 5E3430
Rampant Rhubarb
- 084A51
≈ Midnight Green
Tương đồng -30° +30°
- 5E3430
Rampant Rhubarb
- 5B3342
≈ Fig
- 5A381F
≈ Kuro Brown
Bộ ba +120° +240°
- 5E3430
Rampant Rhubarb
- 2B4A2D
≈ Order Green
- 324062
≈ Bay of Many
Bổ túc chia +150° +210°
- 5E3430
Rampant Rhubarb
- 134C40
≈ Swedish Green
- 1C465E
≈ Dark Slate Blue
Bộ bốn +90° +180° +270°
- 5E3430
Rampant Rhubarb
- 40451D
≈ Alligator Gladiator
- 084A51
≈ Midnight Green
- 443A5E
≈ Mulberry Purple
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 10.44:1 · APCA Lc 94
Ag
FailTrên nền đen
WCAG 2.00:1 · APCA Lc 9
Màu chữ tốt nhất: #FFFFFF
WCAG 10.44:1 (AAA) · APCA Lc 94
Contrast pairs
Đoạn mã
CSS
:root {
--rampant-rhubarb: #5e3430;
--rampant-rhubarb-rgb: 94 52 48;
--rampant-rhubarb-oklch: oklch(0.377 0.061 26.2);
}
.element {
color: var(--rampant-rhubarb);
background-color: hsl(5 32% 28%);
border-color: oklch(0.377 0.061 26.2);
}Tailwind CSS v4
@theme {
--color-rampant-rhubarb: #5e3430;
--color-rampant-rhubarb-50: #ffefeb;
--color-rampant-rhubarb-100: #fce1dd;
--color-rampant-rhubarb-200: #eecbc6;
--color-rampant-rhubarb-300: #d5aca6;
--color-rampant-rhubarb-400: #c0918b;
--color-rampant-rhubarb-500: #ab7771;
--color-rampant-rhubarb-600: #916560;
--color-rampant-rhubarb-700: #74504c;
--color-rampant-rhubarb-800: #563a38;
--color-rampant-rhubarb-900: #3c2826;
--color-rampant-rhubarb-950: #261615;
}SCSS
$rampant-rhubarb: #5e3430;
$rampant-rhubarb-rgb: 94, 52, 48;
$rampant-rhubarb-light: mix(#fff, $rampant-rhubarb, 20%);
$rampant-rhubarb-dark: mix(#000, $rampant-rhubarb, 20%);
.element {
color: $rampant-rhubarb;
box-shadow: 0 0 0 2px rgba($rampant-rhubarb, 0.35);
}