En yakın adlandırılmış renk · #AC36FA
#AC36FA
En yakın adlandırılmış renk: Sweet Desire
#AC36FA (rgb(172 54 250), hsl(276 95% 60%), oklch(0.603 0.269 307.1)) 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.
#AC36FA
oklch(0.603 0.269 307.1)
Renk dönüşümleri
- HEX
- #ac36fa
- RGB
- rgb(172 54 250)
- HSL
- hsl(276 95% 60%)
- HWB
- hwb(276 21% 2%)
- OKLCH
- oklch(0.603 0.269 307.1)
- OKLab
- oklab(0.603 0.162 -0.215)
- CIE Lab
- lab(49.03 69.74 -76.49)
- LCH
- lch(49.03 103.51 312.4)
- CMYK
- cmyk(31% 78% 0% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B454FC
- BC6BFE
- C480FF
- CD93FF
- D5A6FF
- DDB8FF
- E6CAFF
- EEDCFF
- F7EEFF
Koyu tonlar
- 952ED9
- 7F25BA
- 691E9B
- 54167D
- 400F61
- 2D0846
- 1B032D
- 0B0115
- 010003
Gri tonlar
- A845EE
- A351E2
- 9F5AD7
- 9A62CB
- 9669BF
- 916EB3
- 8D74A6
- 89789A
- 847C8D
Renk uyumları
Tamamlayıcı +180°
- AC36FA
Sweet Desire
- 689100
≈ Canopy
Analog -30° +30°
- AC36FA
Sweet Desire
- 6769FF
≈ Blue Genie
- D900B8
≈ Magentella
Üçlü +120° +240°
- AC36FA
Sweet Desire
- B56E00
≈ Indocile Tiger
- 00958C
≈ Lights at Sea
Bölünmüş tamamlayıcı +150° +210°
- AC36FA
Sweet Desire
- 968000
≈ Thicket Green
- 009A5D
≈ Militant Vegan
Dörtlü +90° +180° +270°
- AC36FA
Sweet Desire
- DF4200
≈ Macharius Solar Orange
- 689100
≈ Canopy
- 0090AB
≈ Zeftron
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.50:1 · APCA Lc 70
Ag
AASiyah üzerinde
WCAG 4.66:1 · APCA Lc 32
En iyi metin rengi: #000000
WCAG 4.66:1 (AA) · APCA Lc 32
Contrast pairs
Kod parçacıkları
CSS
:root {
--sweet-desire: #ac36fa;
--sweet-desire-rgb: 172 54 250;
--sweet-desire-oklch: oklch(0.603 0.269 307.1);
}
.element {
color: var(--sweet-desire);
background-color: hsl(276 95% 60%);
border-color: oklch(0.603 0.269 307.1);
}Tailwind CSS v4
@theme {
--color-sweet-desire: #ac36fa;
--color-sweet-desire-50: #ffe0ff;
--color-sweet-desire-100: #ffcfff;
--color-sweet-desire-200: #f6b2ff;
--color-sweet-desire-300: #df89ff;
--color-sweet-desire-400: #c962ff;
--color-sweet-desire-500: #b629ff;
--color-sweet-desire-600: #9a27e2;
--color-sweet-desire-700: #7b20b6;
--color-sweet-desire-800: #59168a;
--color-sweet-desire-900: #3e0f62;
--color-sweet-desire-950: #280043;
}SCSS
$sweet-desire: #ac36fa;
$sweet-desire-rgb: 172, 54, 250;
$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);
}