Màu có tên · #783F54
Red Jade
Red Jade là #783F54: rgb(120 63 84), hsl(338 31% 36%), oklch(0.445 0.083 357.6). 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.
What does Brown mean? → · Red Jade color name →
#783F54
oklch(0.445 0.083 357.6)
Chuyển đổi màu
- HEX
- #783f54
- RGB
- rgb(120 63 84)
- HSL
- hsl(338 31% 36%)
- HWB
- hwb(338 25% 53%)
- OKLCH
- oklch(0.445 0.083 357.6)
- OKLab
- oklab(0.445 0.083 -0.004)
- CIE Lab
- lab(34.56 27.28 -1.02)
- LCH
- lch(34.56 27.3 357.9)
- CMYK
- cmyk(0% 48% 30% 53%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 865163
- 936373
- A17584
- AF8894
- BC9BA5
- CAAEB7
- D7C2C8
- E4D6DA
- F2EAED
Sắc đậm
- 673548
- 572C3C
- 482331
- 391B26
- 2A121B
- 1D0A11
- 100408
- 050102
- 010000
Sắc xám
- 7A4658
- 7B4C5D
- 7C5361
- 7D5965
- 7E606A
- 7F666E
- 7F6D72
- 807377
- 807A7B
Hòa sắc
Bổ túc +180°
- 783F54
Red Jade
- 006253
≈ Philodendron
Tương đồng -30° +30°
- 783F54
Red Jade
- 6C426B
≈ Sultana
- 7B403A
≈ Red Pepper
Bộ ba +120° +240°
- 783F54
Red Jade
- 505A1E
≈ Obscure Olive
- 1C5A7C
≈ Sea Hunter
Bổ túc chia +150° +210°
- 783F54
Red Jade
- 316038
≈ Espalier
- 005F6A
≈ Petrol
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.96:1 · APCA Lc 87
Ag
FailTrên nền đen
WCAG 2.63:1 · APCA Lc 15
Màu chữ tốt nhất: #FFFFFF
WCAG 7.96:1 (AAA) · APCA Lc 87
Contrast pairs
Đoạn mã
CSS
:root {
--red-jade: #783f54;
--red-jade-rgb: 120 63 84;
--red-jade-oklch: oklch(0.445 0.083 357.6);
}
.element {
color: var(--red-jade);
background-color: hsl(338 31% 36%);
border-color: oklch(0.445 0.083 357.6);
}Tailwind CSS v4
@theme {
--color-red-jade: #783f54;
--color-red-jade-50: #ffecf4;
--color-red-jade-100: #ffdde7;
--color-red-jade-200: #f4c6d3;
--color-red-jade-300: #dca6b6;
--color-red-jade-400: #c78a9e;
--color-red-jade-500: #b36e86;
--color-red-jade-600: #975e72;
--color-red-jade-700: #794b5b;
--color-red-jade-800: #593643;
--color-red-jade-900: #3e252f;
--color-red-jade-950: #27131b;
}SCSS
$red-jade: #783f54;
$red-jade-rgb: 120, 63, 84;
$red-jade-light: mix(#fff, $red-jade, 20%);
$red-jade-dark: mix(#000, $red-jade, 20%);
.element {
color: $red-jade;
box-shadow: 0 0 0 2px rgba($red-jade, 0.35);
}