Màu có tên gần nhất · #AE0047
#AE0047
Màu có tên gần nhất: Raspberry
#AE0047 (rgb(174 0 71), hsl(336 100% 34%), oklch(0.481 0.192 8.8)) gần nhất với màu có tên Raspberry. 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.
#AE0047
oklch(0.481 0.192 8.8)
Chuyển đổi màu
- HEX
- #ae0047
- RGB
- rgb(174 0 71)
- HSL
- hsl(336 100% 34%)
- HWB
- hwb(336 0% 32%)
- OKLCH
- oklch(0.481 0.192 8.8)
- OKLab
- oklab(0.481 0.19 0.029)
- CIE Lab
- lab(37.48 62.25 13.19)
- LCH
- lch(37.48 63.63 12)
- CMYK
- cmyk(0% 100% 59% 32%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B93158
- C44D69
- CE657A
- D77B8C
- E0919E
- E8A7B1
- EFBDC4
- F5D3D7
- FAE9EB
Sắc đậm
- 97003D
- 800032
- 6A0028
- 55001F
- 410016
- 2E000D
- 1C0006
- 0B0002
- 010000
Sắc xám
- AB224D
- A93352
- A54058
- A24B5D
- 9E5663
- 995F69
- 94686F
- 8E7074
- 88787A
Hòa sắc
Bổ túc +180°
- AE0047
Raspberry
- 006C67
≈ Green Dragon
Tương đồng -30° +30°
- AE0047
Raspberry
- 9C1A81
≈ Haunted Purple
- A23300
≈ Salsa Mexicana
Bộ ba +120° +240°
- AE0047
Raspberry
- 476A00
≈ Over the Hills
- 0060A4
≈ Directoire Blue
Bổ túc chia +150° +210°
- AE0047
Raspberry
- 007046
≈ Diisha Green
- 00697F
≈ Pilot Blue
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.26:1 · APCA Lc 83
Ag
FailTrên nền đen
WCAG 2.89:1 · APCA Lc 19
Màu chữ tốt nhất: #FFFFFF
WCAG 7.26:1 (AAA) · APCA Lc 83
Contrast pairs
Đoạn mã
CSS
:root {
--raspberry: #ae0047;
--raspberry-rgb: 174 0 71;
--raspberry-oklch: oklch(0.481 0.192 8.8);
}
.element {
color: var(--raspberry);
background-color: hsl(336 100% 34%);
border-color: oklch(0.481 0.192 8.8);
}Tailwind CSS v4
@theme {
--color-raspberry: #ae0047;
--color-raspberry-50: #ffdfe8;
--color-raspberry-100: #ffced8;
--color-raspberry-200: #ffb1c0;
--color-raspberry-300: #ff8a9f;
--color-raspberry-400: #f96487;
--color-raspberry-500: #e7376c;
--color-raspberry-600: #c3315b;
--color-raspberry-700: #9d2749;
--color-raspberry-800: #751b37;
--color-raspberry-900: #531226;
--color-raspberry-950: #370314;
}SCSS
$raspberry: #ae0047;
$raspberry-rgb: 174, 0, 71;
$raspberry-light: mix(#fff, $raspberry, 20%);
$raspberry-dark: mix(#000, $raspberry, 20%);
.element {
color: $raspberry;
box-shadow: 0 0 0 2px rgba($raspberry, 0.35);
}