Adlandırılmış renk · #FF0090
Pink Panther
Pink Panther, #FF0090: rgb(255 0 144), hsl(326 100% 50%), oklch(0.65 0.265 357.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Pink Panther color name →
#FF0090
oklch(0.65 0.265 357.5)
Renk dönüşümleri
- HEX
- #ff0090
- RGB
- rgb(255 0 144)
- HSL
- hsl(326 100% 50%)
- HWB
- hwb(326 0% 0%)
- OKLCH
- oklch(0.65 0.265 357.5)
- OKLab
- oklab(0.65 0.265 -0.012)
- CIE Lab
- lab(56.03 84.68 -3.18)
- LCH
- lch(56.03 84.74 357.9)
- CMYK
- cmyk(0% 100% 44% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FF409B
- FF5DA5
- FF76B0
- FF8CBB
- FFA0C6
- FFB4D1
- FFC7DD
- FFDAE8
- FFEDF3
Koyu tonlar
- DE007D
- BE006A
- 9E0057
- 800045
- 630034
- 480024
- 2E0015
- 160007
- 030001
Gri tonlar
- F42E8E
- E9418D
- DD4F8B
- D1598A
- C56288
- B96A86
- AC7085
- 9E7683
- 907B82
Renk uyumları
Tamamlayıcı +180°
- FF0090
Pink Panther
- 00A78F
≈ Ottawa Falls
Analog -30° +30°
- FF0090
Pink Panther
- DD35DF
≈ Méi Gūi Zǐ Purple
- FF3532
≈ Pelati
Üçlü +120° +240°
- FF0090
Pink Panther
- 899A00
≈ BioShock
- 009ADB
≈ Atmosphere
Bölünmüş tamamlayıcı +150° +210°
- FF0090
Pink Panther
- 00AD42
≈ Poison Ivy
- 00A2B2
≈ Breaking Wave
Dörtlü +90° +180° +270°
- FF0090
Pink Panther
- B18900
≈ Yellow Brown
- 00A78F
≈ Ottawa Falls
- 5E85FF
≈ Skinny Jeans
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.71:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 5.65:1 · APCA Lc 40
En iyi metin rengi: #000000
WCAG 5.65:1 (AA) · APCA Lc 40
Contrast pairs
Kod parçacıkları
CSS
:root {
--pink-panther: #ff0090;
--pink-panther-rgb: 255 0 144;
--pink-panther-oklch: oklch(0.65 0.265 357.5);
}
.element {
color: var(--pink-panther);
background-color: hsl(326 100% 50%);
border-color: oklch(0.65 0.265 357.5);
}Tailwind CSS v4
@theme {
--color-pink-panther: #ff0090;
--color-pink-panther-50: #ffd5f3;
--color-pink-panther-100: #ffc2e5;
--color-pink-panther-200: #ffa0d1;
--color-pink-panther-300: #ff71b3;
--color-pink-panther-400: #ff3b9f;
--color-pink-panther-500: #fc0087;
--color-pink-panther-600: #d50072;
--color-pink-panther-700: #ac005b;
--color-pink-panther-800: #800046;
--color-pink-panther-900: #5a0030;
--color-pink-panther-950: #3d001d;
}SCSS
$pink-panther: #ff0090;
$pink-panther-rgb: 255, 0, 144;
$pink-panther-light: mix(#fff, $pink-panther, 20%);
$pink-panther-dark: mix(#000, $pink-panther, 20%);
.element {
color: $pink-panther;
box-shadow: 0 0 0 2px rgba($pink-panther, 0.35);
}