Adlandırılmış renk · #9F2B68
Amaranth Deep Purple
Amaranth Deep Purple, #9F2B68: rgb(159 43 104), hsl(328 57% 40%), oklch(0.487 0.162 352.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Amaranth Deep Purple color name →
#9F2B68
oklch(0.487 0.162 352.6)
Renk dönüşümleri
- HEX
- #9f2b68
- RGB
- rgb(159 43 104)
- HSL
- hsl(328 57% 40%)
- HWB
- hwb(328 17% 38%)
- OKLCH
- oklch(0.487 0.162 352.6)
- OKLab
- oklab(0.487 0.161 -0.021)
- CIE Lab
- lab(38.35 51.65 -7.22)
- LCH
- lch(38.35 52.15 352)
- CMYK
- cmyk(0% 73% 35% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AB4376
- B65984
- C16E93
- CB83A2
- D597B1
- DEABC0
- E7C0CF
- EFD5DF
- F7EAEF
Koyu tonlar
- 8A2459
- 751D4B
- 61163E
- 4D1030
- 3B0A24
- 290518
- 18020C
- 090104
- 010000
Gri tonlar
- 9D376A
- 9C416D
- 994B6F
- 975372
- 945B74
- 916376
- 8E6B79
- 8A727B
- 85797E
Renk uyumları
Tamamlayıcı +180°
- 9F2B68
Amaranth Deep Purple
- 00705A
≈ Teal Dark Green
Analog -30° +30°
- 9F2B68
Amaranth Deep Purple
- 893794
≈ Dull Violet
- A82A31
≈ Heartthrob
Üçlü +120° +240°
- 9F2B68
Amaranth Deep Purple
- 616500
≈ Mud Green
- 00688F
≈ Pulsating Blue
Bölünmüş tamamlayıcı +150° +210°
- 9F2B68
Amaranth Deep Purple
- 067507
≈ Spreadsheet Green
- 006D74
≈ Teal Motif
Dörtlü +90° +180° +270°
- 9F2B68
Amaranth Deep Purple
- 7B5900
≈ Blackfire Earth
- 00705A
≈ Teal Dark Green
- 2A59BA
≈ Cerulean Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.95:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.01:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.95:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--amaranth-deep-purple: #9f2b68;
--amaranth-deep-purple-rgb: 159 43 104;
--amaranth-deep-purple-oklch: oklch(0.487 0.162 352.6);
}
.element {
color: var(--amaranth-deep-purple);
background-color: hsl(328 57% 40%);
border-color: oklch(0.487 0.162 352.6);
}Tailwind CSS v4
@theme {
--color-amaranth-deep-purple: #9f2b68;
--color-amaranth-deep-purple-50: #ffe3f8;
--color-amaranth-deep-purple-100: #ffd2eb;
--color-amaranth-deep-purple-200: #ffb7d8;
--color-amaranth-deep-purple-300: #f893bc;
--color-amaranth-deep-purple-400: #e572a7;
--color-amaranth-deep-purple-500: #d24e90;
--color-amaranth-deep-purple-600: #b1437a;
--color-amaranth-deep-purple-700: #8f3662;
--color-amaranth-deep-purple-800: #6a2649;
--color-amaranth-deep-purple-900: #4a1933;
--color-amaranth-deep-purple-950: #30091f;
}SCSS
$amaranth-deep-purple: #9f2b68;
$amaranth-deep-purple-rgb: 159, 43, 104;
$amaranth-deep-purple-light: mix(#fff, $amaranth-deep-purple, 20%);
$amaranth-deep-purple-dark: mix(#000, $amaranth-deep-purple, 20%);
.element {
color: $amaranth-deep-purple;
box-shadow: 0 0 0 2px rgba($amaranth-deep-purple, 0.35);
}