Màu có tên · #AA6864
Melon Twist
Melon Twist là #AA6864: rgb(170 104 100), hsl(3 29% 53%), oklch(0.588 0.086 23.7). 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 Red mean? → · Melon Twist color name →
#AA6864
oklch(0.588 0.086 23.7)
Chuyển đổi màu
- HEX
- #aa6864
- RGB
- rgb(170 104 100)
- HSL
- hsl(3 29% 53%)
- HWB
- hwb(3 39% 33%)
- OKLCH
- oklch(0.588 0.086 23.7)
- OKLab
- oklab(0.588 0.078 0.034)
- CIE Lab
- lab(51.43 26.83 14.07)
- LCH
- lch(51.43 30.3 27.7)
- CMYK
- cmyk(0% 39% 41% 33%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B37772
- BC8581
- C59490
- CEA39F
- D6B2AF
- DFC1BE
- E7D0CE
- EFE0DE
- F7EFEF
Sắc đậm
- 935956
- 7D4B48
- 683E3B
- 53302E
- 3F2422
- 2D1816
- 1B0C0B
- 0B0403
- 010000
Sắc xám
- A66B67
- A36D6A
- 9F706D
- 9B726F
- 977572
- 927775
- 8E7A78
- 8A7C7B
- 857E7D
Hòa sắc
Bổ túc +180°
- AA6864
Melon Twist
- 2E8C94
≈ Aqueous
Tương đồng -30° +30°
- AA6864
Melon Twist
- A56780
≈ Strawberry Mousse
- A56E4A
≈ Slick Mud
Bộ ba +120° +240°
- AA6864
Melon Twist
- 5D8A5C
≈ Hippie Green
- 627CB0
≈ Deck Crew
Bổ túc chia +150° +210°
- AA6864
Melon Twist
- 3D8D79
≈ Perky
- 4385A8
≈ Cornwall
Bộ bốn +90° +180° +270°
- AA6864
Melon Twist
- 7C8344
≈ Fresh Artichoke
- 2E8C94
≈ Aqueous
- 7F73AB
≈ Plum Preserve
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 4.30:1 · APCA Lc 70
Ag
AATrên nền đen
WCAG 4.87:1 · APCA Lc 32
Màu chữ tốt nhất: #000000
WCAG 4.87:1 (AA) · APCA Lc 32
Contrast pairs
Đoạn mã
CSS
:root {
--melon-twist: #aa6864;
--melon-twist-rgb: 170 104 100;
--melon-twist-oklch: oklch(0.588 0.086 23.7);
}
.element {
color: var(--melon-twist);
background-color: hsl(3 29% 53%);
border-color: oklch(0.588 0.086 23.7);
}Tailwind CSS v4
@theme {
--color-melon-twist: #aa6864;
--color-melon-twist-50: #ffece9;
--color-melon-twist-100: #ffded9;
--color-melon-twist-200: #f7c7c1;
--color-melon-twist-300: #e0a7a1;
--color-melon-twist-400: #cc8b86;
--color-melon-twist-500: #b86f6a;
--color-melon-twist-600: #9c5e5a;
--color-melon-twist-700: #7d4b48;
--color-melon-twist-800: #5d3635;
--color-melon-twist-900: #412524;
--color-melon-twist-950: #291313;
}SCSS
$melon-twist: #aa6864;
$melon-twist-rgb: 170, 104, 100;
$melon-twist-light: mix(#fff, $melon-twist, 20%);
$melon-twist-dark: mix(#000, $melon-twist, 20%);
.element {
color: $melon-twist;
box-shadow: 0 0 0 2px rgba($melon-twist, 0.35);
}