Màu có tên gần nhất · #492531
#492531
Màu có tên gần nhất: Castro
#492531 (rgb(73 37 49), hsl(340 33% 22%), oklch(0.317 0.057 359.5)) gần nhất với màu có tên Castro. 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.
#492531
oklch(0.317 0.057 359.5)
Chuyển đổi màu
- HEX
- #492531
- RGB
- rgb(73 37 49)
- HSL
- hsl(340 33% 22%)
- HWB
- hwb(340 15% 71%)
- OKLCH
- oklch(0.317 0.057 359.5)
- OKLab
- oklab(0.317 0.057 0)
- CIE Lab
- lab(20.02 18.63 0.05)
- LCH
- lch(20.02 18.63 0.1)
- CMYK
- cmyk(0% 49% 33% 71%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 5A3843
- 6C4C55
- 7D6069
- 8F757C
- A18B91
- B4A1A6
- C6B8BC
- D9CFD2
- ECE7E8
Sắc đậm
- 3E1F29
- 341922
- 2A131A
- 200D13
- 17080C
- 0E0406
- 060203
- 020001
- 000000
Sắc xám
- 4F2E38
- 553640
- 5A3F47
- 60484F
- 655157
- 6B5A5F
- 706467
- 766D6F
- 7B7678
Hòa sắc
Bổ túc +180°
- 492531
Castro
- 023B33
≈ Night Turquoise
Tương đồng -30° +30°
- 492531
Castro
- 422740
≈ Profound Mauve
- 4B2621
≈ Torrefacto Roast
Bộ ba +120° +240°
- 492531
Castro
- 2F3612
≈ Olivenite
- 12364C
≈ Sea of Stars
Bổ túc chia +150° +210°
- 492531
Castro
- 1B3A22
≈ Deep Fir
- 003941
≈ Natural Indigo
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 13.18:1 · APCA Lc 99
Ag
FailTrên nền đen
WCAG 1.59:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 13.18:1 (AAA) · APCA Lc 99
Contrast pairs
Đoạn mã
CSS
:root {
--castro: #492531;
--castro-rgb: 73 37 49;
--castro-oklch: oklch(0.317 0.057 359.5);
}
.element {
color: var(--castro);
background-color: hsl(340 33% 22%);
border-color: oklch(0.317 0.057 359.5);
}Tailwind CSS v4
@theme {
--color-castro: #492531;
--color-castro-50: #ffeff4;
--color-castro-100: #f9e0e6;
--color-castro-200: #eacbd2;
--color-castro-300: #d1acb5;
--color-castro-400: #bb919d;
--color-castro-500: #a67785;
--color-castro-600: #8c6570;
--color-castro-700: #71505a;
--color-castro-800: #533a42;
--color-castro-900: #3a282e;
--color-castro-950: #24161b;
}SCSS
$castro: #492531;
$castro-rgb: 73, 37, 49;
$castro-light: mix(#fff, $castro, 20%);
$castro-dark: mix(#000, $castro, 20%);
.element {
color: $castro;
box-shadow: 0 0 0 2px rgba($castro, 0.35);
}