Màu có tên gần nhất · #A53F57
#A53F57
Màu có tên gần nhất: Rose Laffy Taffy
#A53F57 (rgb(165 63 87), hsl(346 45% 45%), oklch(0.514 0.136 8.8)) gần nhất với màu có tên Rose Laffy Taffy. 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.
#A53F57
oklch(0.514 0.136 8.8)
Chuyển đổi màu
- HEX
- #a53f57
- RGB
- rgb(165 63 87)
- HSL
- hsl(346 45% 45%)
- HWB
- hwb(346 25% 35%)
- OKLCH
- oklch(0.514 0.136 8.8)
- OKLab
- oklab(0.514 0.134 0.021)
- CIE Lab
- lab(42.02 44.32 8.88)
- LCH
- lch(42.02 45.2 11.3)
- CMYK
- cmyk(0% 62% 47% 35%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B05366
- BA6676
- C47986
- CE8C96
- D79FA7
- E0B2B8
- E8C5C9
- F0D8DB
- F8EBED
Sắc đậm
- 8F354B
- 792C3E
- 652333
- 511B27
- 3D121C
- 2B0A12
- 1A0408
- 0A0103
- 010000
Sắc xám
- A3475B
- A04F5F
- 9D5663
- 9A5C67
- 96636B
- 93696F
- 8F6F74
- 8A7578
- 857A7C
Hòa sắc
Bổ túc +180°
- A53F57
Rose Laffy Taffy
- 007771
≈ Mermaid Harbour
Tương đồng -30° +30°
- A53F57
Rose Laffy Taffy
- 974381
≈ Grape Riot
- A64524
≈ Potter’s Clay
Bộ ba +120° +240°
- A53F57
Rose Laffy Taffy
- 4F7500
≈ Tropicana
- 0D6AB1
≈ Daphne
Bổ túc chia +150° +210°
- A53F57
Rose Laffy Taffy
- 007B4D
≈ Woodland Soul
- 00738B
≈ Align
Bộ bốn +90° +180° +270°
- A53F57
Rose Laffy Taffy
- 776700
≈ Arousing Alligator
- 007771
≈ Mermaid Harbour
- 585BB3
≈ Yuè Guāng Lán Moonlight
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.08:1 · APCA Lc 80
Ag
FailTrên nền đen
WCAG 3.44:1 · APCA Lc 22
Màu chữ tốt nhất: #FFFFFF
WCAG 6.08:1 (AA) · APCA Lc 80
Contrast pairs
Đoạn mã
CSS
:root {
--rose-laffy-taffy: #a53f57;
--rose-laffy-taffy-rgb: 165 63 87;
--rose-laffy-taffy-oklch: oklch(0.514 0.136 8.8);
}
.element {
color: var(--rose-laffy-taffy);
background-color: hsl(346 45% 45%);
border-color: oklch(0.514 0.136 8.8);
}Tailwind CSS v4
@theme {
--color-rose-laffy-taffy: #a53f57;
--color-rose-laffy-taffy-50: #ffe6ec;
--color-rose-laffy-taffy-100: #ffd6dd;
--color-rose-laffy-taffy-200: #ffbdc6;
--color-rose-laffy-taffy-300: #f49aa6;
--color-rose-laffy-taffy-400: #e17a8e;
--color-rose-laffy-taffy-500: #ce5a74;
--color-rose-laffy-taffy-600: #ae4d62;
--color-rose-laffy-taffy-700: #8c3d4e;
--color-rose-laffy-taffy-800: #682b3a;
--color-rose-laffy-taffy-900: #491d28;
--color-rose-laffy-taffy-950: #300d16;
}SCSS
$rose-laffy-taffy: #a53f57;
$rose-laffy-taffy-rgb: 165, 63, 87;
$rose-laffy-taffy-light: mix(#fff, $rose-laffy-taffy, 20%);
$rose-laffy-taffy-dark: mix(#000, $rose-laffy-taffy, 20%);
.element {
color: $rose-laffy-taffy;
box-shadow: 0 0 0 2px rgba($rose-laffy-taffy, 0.35);
}