Adlandırılmış renk · #B40441
Fancy Red Wine
Fancy Red Wine, #B40441: rgb(180 4 65), hsl(339 96% 36%), oklch(0.492 0.195 12.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? → · Fancy Red Wine color name →
#B40441
oklch(0.492 0.195 12.7)
Renk dönüşümleri
- HEX
- #b40441
- RGB
- rgb(180 4 65)
- HSL
- hsl(339 96% 36%)
- HWB
- hwb(339 2% 29%)
- OKLCH
- oklch(0.492 0.195 12.7)
- OKLab
- oklab(0.492 0.19 0.043)
- CIE Lab
- lab(38.83 63.06 19.13)
- LCH
- lch(38.83 65.9 16.9)
- CMYK
- cmyk(0% 98% 64% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BF3452
- C94F64
- D26776
- DB7D89
- E3939B
- EAA8AF
- F1BEC2
- F6D4D6
- FBE9EA
Koyu tonlar
- 9C0337
- 85022E
- 6E0125
- 58011C
- 440113
- 30000B
- 1D0005
- 0C0001
- 020000
Gri tonlar
- B12447
- AD354E
- AA4254
- A54D5A
- A15760
- 9C6067
- 96696D
- 8F7173
- 88787A
Renk uyumları
Tamamlayıcı +180°
- B40441
Fancy Red Wine
- 00706E
≈ Pine Scented Lagoon
Analog -30° +30°
- B40441
Fancy Red Wine
- A4197E
≈ Fabric of Love
- A13C00
≈ Muddy
Üçlü +120° +240°
- B40441
Fancy Red Wine
- 407000
≈ Forest Empress
- 0061B2
≈ Les Cavaliers Beach
Bölünmüş tamamlayıcı +150° +210°
- B40441
Fancy Red Wine
- 00734F
≈ Lush Meadow
- 006C86
≈ Arabian Nights
Dörtlü +90° +180° +270°
- B40441
Fancy Red Wine
- 6C6300
≈ Green Brown
- 00706E
≈ Pine Scented Lagoon
- 5746C9
≈ Dragonlord Purple
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.92:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.03:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.92:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--fancy-red-wine: #b40441;
--fancy-red-wine-rgb: 180 4 65;
--fancy-red-wine-oklch: oklch(0.492 0.195 12.7);
}
.element {
color: var(--fancy-red-wine);
background-color: hsl(339 96% 36%);
border-color: oklch(0.492 0.195 12.7);
}Tailwind CSS v4
@theme {
--color-fancy-red-wine: #b40441;
--color-fancy-red-wine-50: #ffdfe4;
--color-fancy-red-wine-100: #ffced3;
--color-fancy-red-wine-200: #ffb1ba;
--color-fancy-red-wine-300: #ff8a98;
--color-fancy-red-wine-400: #fb637e;
--color-fancy-red-wine-500: #e93561;
--color-fancy-red-wine-600: #c53053;
--color-fancy-red-wine-700: #9f2642;
--color-fancy-red-wine-800: #761a32;
--color-fancy-red-wine-900: #541122;
--color-fancy-red-wine-950: #370211;
}SCSS
$fancy-red-wine: #b40441;
$fancy-red-wine-rgb: 180, 4, 65;
$fancy-red-wine-light: mix(#fff, $fancy-red-wine, 20%);
$fancy-red-wine-dark: mix(#000, $fancy-red-wine, 20%);
.element {
color: $fancy-red-wine;
box-shadow: 0 0 0 2px rgba($fancy-red-wine, 0.35);
}