En yakın adlandırılmış renk · #A15562
#A15562
En yakın adlandırılmış renk: Cherry on Top
#A15562 (rgb(161 85 98), hsl(350 31% 48%), oklch(0.544 0.101 10.1)) en çok Cherry on Top 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.
#A15562
oklch(0.544 0.101 10.1)
Renk dönüşümleri
- HEX
- #a15562
- RGB
- rgb(161 85 98)
- HSL
- hsl(350 31% 48%)
- HWB
- hwb(350 33% 37%)
- OKLCH
- oklch(0.544 0.101 10.1)
- OKLab
- oklab(0.544 0.099 0.018)
- CIE Lab
- lab(45.88 33.07 7.39)
- LCH
- lch(45.88 33.88 12.6)
- CMYK
- cmyk(0% 47% 39% 37%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AB6670
- B6767F
- BF878E
- C9979E
- D3A8AD
- DCB9BD
- E5CACD
- EEDCDE
- F7EDEE
Koyu tonlar
- 8B4954
- 763D47
- 62313A
- 4E262D
- 3C1C21
- 2A1116
- 19080B
- 090203
- 010000
Gri tonlar
- 9E5A65
- 9C5F68
- 99636B
- 96686E
- 936C71
- 907074
- 8C7477
- 88787A
- 847C7D
Renk uyumları
Tamamlayıcı +180°
- A15562
Cherry on Top
- 00817C
≈ Blue Winged Teal
Analog -30° +30°
- A15562
Cherry on Top
- 965782
≈ Immortality
- A15A41
≈ Nouveau Copper
Üçlü +120° +240°
- A15562
Cherry on Top
- 5C7B39
≈ Mangrove Leaf
- 3E73A8
≈ Flat Blue
Bölünmüş tamamlayıcı +150° +210°
- A15562
Cherry on Top
- 2E815B
≈ Kākāriki Green
- 007C97
≈ Mosaic Blue
Dörtlü +90° +180° +270°
- A15562
Cherry on Top
- 7D711E
≈ Wood Garlic
- 00817C
≈ Blue Winged Teal
- 6568A9
≈ Twinkle Night
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.26:1 · APCA Lc 76
Ag
FailSiyah üzerinde
WCAG 3.99:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--cherry-on-top: #a15562;
--cherry-on-top-rgb: 161 85 98;
--cherry-on-top-oklch: oklch(0.544 0.101 10.1);
}
.element {
color: var(--cherry-on-top);
background-color: hsl(350 31% 48%);
border-color: oklch(0.544 0.101 10.1);
}Tailwind CSS v4
@theme {
--color-cherry-on-top: #a15562;
--color-cherry-on-top-50: #ffeaed;
--color-cherry-on-top-100: #ffdbdf;
--color-cherry-on-top-200: #fcc3c9;
--color-cherry-on-top-300: #e6a2a9;
--color-cherry-on-top-400: #d28591;
--color-cherry-on-top-500: #bf6877;
--color-cherry-on-top-600: #a15965;
--color-cherry-on-top-700: #814750;
--color-cherry-on-top-800: #60333c;
--color-cherry-on-top-900: #432329;
--color-cherry-on-top-950: #2b1117;
}SCSS
$cherry-on-top: #a15562;
$cherry-on-top-rgb: 161, 85, 98;
$cherry-on-top-light: mix(#fff, $cherry-on-top, 20%);
$cherry-on-top-dark: mix(#000, $cherry-on-top, 20%);
.element {
color: $cherry-on-top;
box-shadow: 0 0 0 2px rgba($cherry-on-top, 0.35);
}