Adlandırılmış renk · #B0054B
Purplish Red
Purplish Red, #B0054B: rgb(176 5 75), hsl(335 94% 35%), oklch(0.487 0.193 7.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Purplish Red color name →
#B0054B
oklch(0.487 0.193 7.7)
Renk dönüşümleri
- HEX
- #b0054b
- RGB
- rgb(176 5 75)
- HSL
- hsl(335 94% 35%)
- HWB
- hwb(335 2% 31%)
- OKLCH
- oklch(0.487 0.193 7.7)
- OKLab
- oklab(0.487 0.191 0.026)
- CIE Lab
- lab(38.19 62.37 11.64)
- LCH
- lch(38.19 63.45 10.6)
- CMYK
- cmyk(0% 97% 57% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BB335B
- C64E6C
- CF667D
- D87C8F
- E192A1
- E8A8B3
- EFBDC5
- F5D3D8
- FBE9EB
Koyu tonlar
- 990440
- 820335
- 6C022B
- 560121
- 420117
- 2E000E
- 1C0006
- 0B0002
- 010000
Gri tonlar
- AD2450
- AA3555
- A7415B
- A34C60
- 9F5665
- 9A606A
- 946870
- 8E7075
- 88787B
Renk uyumları
Tamamlayıcı +180°
- B0054B
Purplish Red
- 006F68
≈ Tide Pools
Analog -30° +30°
- B0054B
Purplish Red
- 9E1D85
≈ Blissful Berry
- A63100
≈ Enfield Brown
Üçlü +120° +240°
- B0054B
Purplish Red
- 4B6C00
≈ Over the Hills
- 0063A5
≈ Prime Blue
Bölünmüş tamamlayıcı +150° +210°
- B0054B
Purplish Red
- 007245
≈ Diisha Green
- 006B80
≈ Azure Green Blue
Dörtlü +90° +180° +270°
- B0054B
Purplish Red
- 6F5F00
≈ Green Brown
- 006F68
≈ Tide Pools
- 4C48C9
≈ Royal Nightcore
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.07:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 2.96:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 7.07:1 (AAA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--purplish-red: #b0054b;
--purplish-red-rgb: 176 5 75;
--purplish-red-oklch: oklch(0.487 0.193 7.7);
}
.element {
color: var(--purplish-red);
background-color: hsl(335 94% 35%);
border-color: oklch(0.487 0.193 7.7);
}Tailwind CSS v4
@theme {
--color-purplish-red: #b0054b;
--color-purplish-red-50: #ffdfe9;
--color-purplish-red-100: #ffced9;
--color-purplish-red-200: #ffb1c2;
--color-purplish-red-300: #ff8aa1;
--color-purplish-red-400: #f86489;
--color-purplish-red-500: #e7376e;
--color-purplish-red-600: #c3315e;
--color-purplish-red-700: #9d274b;
--color-purplish-red-800: #751b38;
--color-purplish-red-900: #521227;
--color-purplish-red-950: #370315;
}SCSS
$purplish-red: #b0054b;
$purplish-red-rgb: 176, 5, 75;
$purplish-red-light: mix(#fff, $purplish-red, 20%);
$purplish-red-dark: mix(#000, $purplish-red, 20%);
.element {
color: $purplish-red;
box-shadow: 0 0 0 2px rgba($purplish-red, 0.35);
}