En yakın adlandırılmış renk · #983DBF
#983DBF
En yakın adlandırılmış renk: Dreamscape Purple
#983DBF (rgb(152 61 191), hsl(282 52% 49%), oklch(0.542 0.202 313.9)) en çok Dreamscape Purple 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.
#983DBF
oklch(0.542 0.202 313.9)
Renk dönüşümleri
- HEX
- #983dbf
- RGB
- rgb(152 61 191)
- HSL
- hsl(282 52% 49%)
- HWB
- hwb(282 24% 25%)
- OKLCH
- oklch(0.542 0.202 313.9)
- OKLab
- oklab(0.542 0.14 -0.146)
- CIE Lab
- lab(43.49 53.4 -52.01)
- LCH
- lch(43.49 74.54 315.8)
- CMYK
- cmyk(20% 68% 0% 25%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A254C6
- AD68CE
- B77CD5
- C28FDB
- CCA1E2
- D6B4E8
- E0C7EE
- EBD9F4
- F5ECFA
Koyu tonlar
- 8434A6
- 702B8D
- 5C2275
- 4A1A5E
- 381248
- 270A33
- 17041F
- 08010D
- 010002
Gri tonlar
- 9647B9
- 9450B3
- 9257AE
- 8F5EA7
- 8D65A1
- 8B6B9B
- 887195
- 86768E
- 837B87
Renk uyumları
Tamamlayıcı +180°
- 983DBF
Dreamscape Purple
- 468100
≈ Green People
Analog -30° +30°
- 983DBF
Dreamscape Purple
- 6753DE
≈ Majorelle Blue
- B8288C
≈ Loulou’s Purple
Üçlü +120° +240°
- 983DBF
Dreamscape Purple
- 966300
≈ Raw Sienna
- 00807F
≈ Teal
Bölünmüş tamamlayıcı +150° +210°
- 983DBF
Dreamscape Purple
- 7B7200
≈ Sunlit Kelp Green
- 00845D
≈ Spectral Green
Dörtlü +90° +180° +270°
- 983DBF
Dreamscape Purple
- B64800
≈ Beef Bourguignon
- 468100
≈ Green People
- 007B9B
≈ Sea Sight
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.59:1 · APCA Lc 77
Ag
FailSiyah üzerinde
WCAG 3.75:1 · APCA Lc 25
En iyi metin rengi: #FFFFFF
WCAG 5.59:1 (AA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--dreamscape-purple: #983dbf;
--dreamscape-purple-rgb: 152 61 191;
--dreamscape-purple-oklch: oklch(0.542 0.202 313.9);
}
.element {
color: var(--dreamscape-purple);
background-color: hsl(282 52% 49%);
border-color: oklch(0.542 0.202 313.9);
}Tailwind CSS v4
@theme {
--color-dreamscape-purple: #983dbf;
--color-dreamscape-purple-50: #ffe4ff;
--color-dreamscape-purple-100: #ffd4ff;
--color-dreamscape-purple-200: #f6b9ff;
--color-dreamscape-purple-300: #df95fd;
--color-dreamscape-purple-400: #c974f0;
--color-dreamscape-purple-500: #b54fe1;
--color-dreamscape-purple-600: #9944be;
--color-dreamscape-purple-700: #7a3699;
--color-dreamscape-purple-800: #592774;
--color-dreamscape-purple-900: #3e1a52;
--color-dreamscape-purple-950: #270937;
}SCSS
$dreamscape-purple: #983dbf;
$dreamscape-purple-rgb: 152, 61, 191;
$dreamscape-purple-light: mix(#fff, $dreamscape-purple, 20%);
$dreamscape-purple-dark: mix(#000, $dreamscape-purple, 20%);
.element {
color: $dreamscape-purple;
box-shadow: 0 0 0 2px rgba($dreamscape-purple, 0.35);
}