Adlandırılmış renk · #734F96
Parfait d’Amour
Parfait d’Amour, #734F96: rgb(115 79 150), hsl(270 31% 45%), oklch(0.498 0.115 306). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Parfait d’Amour color name →
#734F96
oklch(0.498 0.115 306)
Renk dönüşümleri
- HEX
- #734f96
- RGB
- rgb(115 79 150)
- HSL
- hsl(270 31% 45%)
- HWB
- hwb(270 31% 41%)
- OKLCH
- oklch(0.498 0.115 306)
- OKLab
- oklab(0.498 0.068 -0.093)
- CIE Lab
- lab(40.03 26.51 -33.62)
- LCH
- lch(40.03 42.81 308.3)
- CMYK
- cmyk(23% 47% 0% 41%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8060A1
- 8D71AB
- 9B82B6
- A993C1
- B6A5CB
- C5B6D6
- D3C8E0
- E1DAEA
- F0EDF5
Koyu tonlar
- 634482
- 54386E
- 452E5B
- 362349
- 281937
- 1B1026
- 0F0716
- 050208
- 010001
Gri tonlar
- 745494
- 765A92
- 775F90
- 78648E
- 79698C
- 7B6D8A
- 7C7288
- 7D7785
- 7F7B83
Renk uyumları
Tamamlayıcı +180°
- 734F96
Parfait d’Amour
- 526E16
≈ Over the Hills
Analog -30° +30°
- 734F96
Parfait d’Amour
- 525BA3
≈ Purple Frenzy
- 8A467B
≈ Visiona Red
Üçlü +120° +240°
- 734F96
Parfait d’Amour
- 8C5300
≈ Plain Old Brown
- 00726A
≈ Pharaoh’s Gem
Bölünmüş tamamlayıcı +150° +210°
- 734F96
Parfait d’Amour
- 746100
≈ Spicy Mustard
- 107546
≈ Gnarls Green
Dörtlü +90° +180° +270°
- 734F96
Parfait d’Amour
- 994731
≈ Burnt Earth
- 526E16
≈ Over the Hills
- 006F83
≈ Crystal Teal
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.38:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.28:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.38:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--parfait-d-amour: #734f96;
--parfait-d-amour-rgb: 115 79 150;
--parfait-d-amour-oklch: oklch(0.498 0.115 306);
}
.element {
color: var(--parfait-d-amour);
background-color: hsl(270 31% 45%);
border-color: oklch(0.498 0.115 306);
}Tailwind CSS v4
@theme {
--color-parfait-d-amour: #734f96;
--color-parfait-d-amour-50: #feedff;
--color-parfait-d-amour-100: #f3deff;
--color-parfait-d-amour-200: #e2c8fb;
--color-parfait-d-amour-300: #c8a8e5;
--color-parfait-d-amour-400: #af8cd4;
--color-parfait-d-amour-500: #9970c2;
--color-parfait-d-amour-600: #825fa4;
--color-parfait-d-amour-700: #684c84;
--color-parfait-d-amour-800: #4b3763;
--color-parfait-d-amour-900: #342645;
--color-parfait-d-amour-950: #20142d;
}SCSS
$parfait-d-amour: #734f96;
$parfait-d-amour-rgb: 115, 79, 150;
$parfait-d-amour-light: mix(#fff, $parfait-d-amour, 20%);
$parfait-d-amour-dark: mix(#000, $parfait-d-amour, 20%);
.element {
color: $parfait-d-amour;
box-shadow: 0 0 0 2px rgba($parfait-d-amour, 0.35);
}