Adlandırılmış renk · #8080FF
Blue Party Parrot
Blue Party Parrot, #8080FF: rgb(128 128 255), hsl(240 100% 75%), oklch(0.661 0.184 280.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Blue Party Parrot color name →
#8080FF
oklch(0.661 0.184 280.1)
Renk dönüşümleri
- HEX
- #8080ff
- RGB
- rgb(128 128 255)
- HSL
- hsl(240 100% 75%)
- HWB
- hwb(240 50% 0%)
- OKLCH
- oklch(0.661 0.184 280.1)
- OKLab
- oklab(0.661 0.032 -0.181)
- CIE Lab
- lab(58.36 25.78 -64.5)
- LCH
- lch(58.36 69.46 291.8)
- CMYK
- cmyk(50% 50% 0% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8B8EFF
- 969BFF
- A2A8FF
- AFB5FF
- BBC1FF
- C8CEFF
- D6DAFF
- E3E7FF
- F1F3FF
Koyu tonlar
- 6E6EDE
- 5D5DBE
- 4D4D9E
- 3D3D80
- 2E2E63
- 1F1F48
- 12122E
- 060616
- 010103
Gri tonlar
- 7F81F2
- 7F82E6
- 7F83D9
- 7E83CD
- 7E83C0
- 7F83B4
- 7F82A7
- 7F829A
- 7F818D
Renk uyumları
Tamamlayıcı +180°
- 8080FF
Blue Party Parrot
- A69300
≈ Bark Sawdust
Analog -30° +30°
- 8080FF
Blue Party Parrot
- 1096FD
≈ Starfleet Blue
- B56CE5
≈ Lavender
Üçlü +120° +240°
- 8080FF
Blue Party Parrot
- EB612A
≈ Halloween Party
- 00AE72
≈ Bright Camouflage
Bölünmüş tamamlayıcı +150° +210°
- 8080FF
Blue Party Parrot
- C98000
≈ Bamboo Brown
- 6CA700
≈ Dark Slimelime
Dörtlü +90° +180° +270°
- 8080FF
Blue Party Parrot
- EC5778
≈ Lick and Kiss
- A69300
≈ Bark Sawdust
- 00A8A2
≈ Jadestone
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.25:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.44:1 · APCA Lc 42
En iyi metin rengi: #000000
WCAG 6.44:1 (AA) · APCA Lc 42
Contrast pairs
Kod parçacıkları
CSS
:root {
--blue-party-parrot: #8080ff;
--blue-party-parrot-rgb: 128 128 255;
--blue-party-parrot-oklch: oklch(0.661 0.184 280.1);
}
.element {
color: var(--blue-party-parrot);
background-color: hsl(240 100% 75%);
border-color: oklch(0.661 0.184 280.1);
}Tailwind CSS v4
@theme {
--color-blue-party-parrot: #8080ff;
--color-blue-party-parrot-50: #ecf0ff;
--color-blue-party-parrot-100: #dee1ff;
--color-blue-party-parrot-200: #c8cbff;
--color-blue-party-parrot-300: #a9aaff;
--color-blue-party-parrot-400: #8c8eff;
--color-blue-party-parrot-500: #746ffb;
--color-blue-party-parrot-600: #625fd3;
--color-blue-party-parrot-700: #4e4caa;
--color-blue-party-parrot-800: #363880;
--color-blue-party-parrot-900: #25265a;
--color-blue-party-parrot-950: #14143e;
}SCSS
$blue-party-parrot: #8080ff;
$blue-party-parrot-rgb: 128, 128, 255;
$blue-party-parrot-light: mix(#fff, $blue-party-parrot, 20%);
$blue-party-parrot-dark: mix(#000, $blue-party-parrot, 20%);
.element {
color: $blue-party-parrot;
box-shadow: 0 0 0 2px rgba($blue-party-parrot, 0.35);
}