Adlandırılmış renk · #B40039
Pure Passion
Pure Passion, #B40039: rgb(180 0 57), hsl(341 100% 35%), oklch(0.489 0.196 15.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Pure Passion color name →
#B40039
oklch(0.489 0.196 15.6)
Renk dönüşümleri
- HEX
- #b40039
- RGB
- rgb(180 0 57)
- HSL
- hsl(341 100% 35%)
- HWB
- hwb(341 0% 29%)
- OKLCH
- oklch(0.489 0.196 15.6)
- OKLab
- oklab(0.489 0.188 0.053)
- CIE Lab
- lab(38.56 63.2 23.93)
- LCH
- lch(38.56 67.58 20.7)
- CMYK
- cmyk(0% 100% 68% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BF334B
- C94E5E
- D26671
- DB7D84
- E39398
- EAA8AC
- F1BEC0
- F6D3D5
- FBE9EA
Koyu tonlar
- 9C0030
- 850028
- 6E001F
- 580017
- 440010
- 300009
- 1D0004
- 0C0001
- 020000
Gri tonlar
- B12340
- AD3448
- AA414F
- A54D56
- A1575D
- 9C6064
- 96686B
- 8F7172
- 887879
Renk uyumları
Tamamlayıcı +180°
- B40039
Pure Passion
- 006E6F
≈ Caribbean Current
Analog -30° +30°
- B40039
Pure Passion
- A61478
≈ Fabric of Love
- 9D4000
≈ All the Leaves Are Brown
Üçlü +120° +240°
- B40039
Pure Passion
- 367100
≈ Battle Cat
- 005DBA
≈ Amnesia Blue
Bölünmüş tamamlayıcı +150° +210°
- B40039
Pure Passion
- 007252
≈ Lush Meadow
- 006A88
≈ Techno Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.00:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 2.99:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 7.00:1 (AAA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--pure-passion: #b40039;
--pure-passion-rgb: 180 0 57;
--pure-passion-oklch: oklch(0.489 0.196 15.6);
}
.element {
color: var(--pure-passion);
background-color: hsl(341 100% 35%);
border-color: oklch(0.489 0.196 15.6);
}Tailwind CSS v4
@theme {
--color-pure-passion: #b40039;
--color-pure-passion-50: #ffdfe0;
--color-pure-passion-100: #ffced0;
--color-pure-passion-200: #ffb1b5;
--color-pure-passion-300: #ff8a92;
--color-pure-passion-400: #fc6377;
--color-pure-passion-500: #eb3559;
--color-pure-passion-600: #c62f4c;
--color-pure-passion-700: #9f263c;
--color-pure-passion-800: #77192e;
--color-pure-passion-900: #54111f;
--color-pure-passion-950: #38020f;
}SCSS
$pure-passion: #b40039;
$pure-passion-rgb: 180, 0, 57;
$pure-passion-light: mix(#fff, $pure-passion, 20%);
$pure-passion-dark: mix(#000, $pure-passion, 20%);
.element {
color: $pure-passion;
box-shadow: 0 0 0 2px rgba($pure-passion, 0.35);
}