En yakın adlandırılmış renk · #A434FF
#A434FF
En yakın adlandırılmış renk: Sweet Desire
#A434FF (rgb(164 52 255), hsl(273 100% 60%), oklch(0.595 0.274 303.7)) en çok Sweet Desire 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.
#A434FF
oklch(0.595 0.274 303.7)
Renk dönüşümleri
- HEX
- #a434ff
- RGB
- rgb(164 52 255)
- HSL
- hsl(273 100% 60%)
- HWB
- hwb(273 20% 0%)
- OKLCH
- oklch(0.595 0.274 303.7)
- OKLab
- oklab(0.595 0.152 -0.228)
- CIE Lab
- lab(47.99 69.71 -81.03)
- LCH
- lch(47.99 106.89 310.7)
- CMYK
- cmyk(36% 80% 0% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AC53FF
- B56BFF
- BE80FF
- C793FF
- D0A6FF
- D9B8FF
- E2CAFF
- ECDCFF
- F5EEFF
Koyu tonlar
- 8E2CDE
- 7924BE
- 641C9E
- 501580
- 3D0E63
- 2B0748
- 1A032E
- 0A0116
- 010003
Gri tonlar
- A044F3
- 9C50E7
- 985ADA
- 9562CE
- 9168C1
- 8E6EB5
- 8A74A8
- 87789B
- 837C8E
Renk uyumları
Tamamlayıcı +180°
- A434FF
Sweet Desire
- 6D8C00
≈ Canopy
Analog -30° +30°
- A434FF
Sweet Desire
- 5B68FF
≈ Blue Heath Butterfly
- D200BF
≈ Explosive Purple
Üçlü +120° +240°
- A434FF
Sweet Desire
- B56A00
≈ Brown Orange
- 009385
≈ Old Benchmark
Bölünmüş tamamlayıcı +150° +210°
- A434FF
Sweet Desire
- 977C00
≈ Cerignola Olive
- 009852
≈ Garnish
Dörtlü +90° +180° +270°
- A434FF
Sweet Desire
- E23300
≈ Red Bell Pepper
- 6D8C00
≈ Canopy
- 008EA4
≈ Parrot Flight
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.65:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.51:1 · APCA Lc 31
En iyi metin rengi: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--sweet-desire: #a434ff;
--sweet-desire-rgb: 164 52 255;
--sweet-desire-oklch: oklch(0.595 0.274 303.7);
}
.element {
color: var(--sweet-desire);
background-color: hsl(273 100% 60%);
border-color: oklch(0.595 0.274 303.7);
}Tailwind CSS v4
@theme {
--color-sweet-desire: #a434ff;
--color-sweet-desire-50: #ffe1ff;
--color-sweet-desire-100: #fed0ff;
--color-sweet-desire-200: #f1b3ff;
--color-sweet-desire-300: #da8bff;
--color-sweet-desire-400: #c364ff;
--color-sweet-desire-500: #b02aff;
--color-sweet-desire-600: #9428e9;
--color-sweet-desire-700: #7721bb;
--color-sweet-desire-800: #56178f;
--color-sweet-desire-900: #3c1065;
--color-sweet-desire-950: #260046;
}SCSS
$sweet-desire: #a434ff;
$sweet-desire-rgb: 164, 52, 255;
$sweet-desire-light: mix(#fff, $sweet-desire, 20%);
$sweet-desire-dark: mix(#000, $sweet-desire, 20%);
.element {
color: $sweet-desire;
box-shadow: 0 0 0 2px rgba($sweet-desire, 0.35);
}