En yakın adlandırılmış renk · #A53F57
#A53F57
En yakın adlandırılmış renk: Rose Laffy Taffy
#A53F57 (rgb(165 63 87), hsl(346 45% 45%), oklch(0.514 0.136 8.8)) en çok Rose Laffy Taffy adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#A53F57
oklch(0.514 0.136 8.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B05366
- BA6676
- C47986
- CE8C96
- D79FA7
- E0B2B8
- E8C5C9
- F0D8DB
- F8EBED
Koyu tonlar
- 8F354B
- 792C3E
- 652333
- 511B27
- 3D121C
- 2B0A12
- 1A0408
- 0A0103
- 010000
Gri tonlar
- A3475B
- A04F5F
- 9D5663
- 9A5C67
- 96636B
- 93696F
- 8F6F74
- 8A7578
- 857A7C
Renk uyumları
Tamamlayıcı +180°
- A53F57
Rose Laffy Taffy
- 007771
≈ Mermaid Harbour
Analog -30° +30°
- A53F57
Rose Laffy Taffy
- 974381
≈ Grape Riot
- A64524
≈ Potter’s Clay
Üçlü +120° +240°
- A53F57
Rose Laffy Taffy
- 4F7500
≈ Tropicana
- 0D6AB1
≈ Daphne
Bölünmüş tamamlayıcı +150° +210°
- A53F57
Rose Laffy Taffy
- 007B4D
≈ Woodland Soul
- 00738B
≈ Align
Dörtlü +90° +180° +270°
- A53F57
Rose Laffy Taffy
- 776700
≈ Arousing Alligator
- 007771
≈ Mermaid Harbour
- 585BB3
≈ Yuè Guāng Lán Moonlight
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.08:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.44:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 6.08:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
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);
}