En yakın adlandırılmış renk · #CB75FD
#CB75FD
En yakın adlandırılmış renk: Illicit Purple
#CB75FD (rgb(203 117 253), hsl(278 97% 73%), oklch(0.711 0.204 311.5)) en çok Illicit 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.
#CB75FD
oklch(0.711 0.204 311.5)
Renk dönüşümleri
- HEX
- #cb75fd
- RGB
- rgb(203 117 253)
- HSL
- hsl(278 97% 73%)
- HWB
- hwb(278 46% 1%)
- OKLCH
- oklch(0.711 0.204 311.5)
- OKLab
- oklab(0.711 0.135 -0.153)
- CIE Lab
- lab(63.34 51.37 -54.95)
- LCH
- lch(63.34 75.22 313.1)
- CMYK
- cmyk(20% 54% 0% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D084FE
- D693FF
- DBA1FF
- E0AFFF
- E6BDFF
- EBCAFF
- F0D7FF
- F5E5FF
- FAF2FF
Koyu tonlar
- B065DC
- 9655BC
- 7D469D
- 65377F
- 4D2962
- 371C47
- 220F2D
- 0F0516
- 020103
Gri tonlar
- C378F0
- BC7AE4
- B47CD7
- AD7DCB
- A57EBF
- 9E7FB2
- 9680A6
- 8F8099
- 87808D
Renk uyumları
Tamamlayıcı +180°
- CB75FD
Illicit Purple
- 73B900
≈ Green Serpent
Analog -30° +30°
- CB75FD
Illicit Purple
- 9394FF
≈ Periwinkle Blue
- F264C6
≈ Crumbly Lipstick
Üçlü +120° +240°
- CB75FD
Illicit Purple
- DC8F00
≈ Harvest Eve Gold
- 00BAB5
≈ Jade Gravel
Bölünmüş tamamlayıcı +150° +210°
- CB75FD
Illicit Purple
- B6A400
≈ Sulphine Yellow
- 00BF82
≈ Greenish Teal
Dörtlü +90° +180° +270°
- CB75FD
Illicit Purple
- FF7033
≈ Bright Orange
- 73B900
≈ Green Serpent
- 00B3DB
≈ Blue Atoll
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.79:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.50:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--illicit-purple: #cb75fd;
--illicit-purple-rgb: 203 117 253;
--illicit-purple-oklch: oklch(0.711 0.204 311.5);
}
.element {
color: var(--illicit-purple);
background-color: hsl(278 97% 73%);
border-color: oklch(0.711 0.204 311.5);
}Tailwind CSS v4
@theme {
--color-illicit-purple: #cb75fd;
--color-illicit-purple-50: #ffe5ff;
--color-illicit-purple-100: #ffd4ff;
--color-illicit-purple-200: #f3baff;
--color-illicit-purple-300: #dc95ff;
--color-illicit-purple-400: #c575f5;
--color-illicit-purple-500: #b150e6;
--color-illicit-purple-600: #9645c2;
--color-illicit-purple-700: #78379c;
--color-illicit-purple-800: #572776;
--color-illicit-purple-900: #3d1b53;
--color-illicit-purple-950: #260a38;
}SCSS
$illicit-purple: #cb75fd;
$illicit-purple-rgb: 203, 117, 253;
$illicit-purple-light: mix(#fff, $illicit-purple, 20%);
$illicit-purple-dark: mix(#000, $illicit-purple, 20%);
.element {
color: $illicit-purple;
box-shadow: 0 0 0 2px rgba($illicit-purple, 0.35);
}