Adlandırılmış renk · #991133
French Winery
French Winery, #991133: rgb(153 17 51), hsl(345 80% 33%), oklch(0.441 0.166 15.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · French Winery color name →
#991133
oklch(0.441 0.166 15.4)
Renk dönüşümleri
- HEX
- #991133
- RGB
- rgb(153 17 51)
- HSL
- hsl(345 80% 33%)
- HWB
- hwb(345 7% 40%)
- OKLCH
- oklch(0.441 0.166 15.4)
- OKLab
- oklab(0.441 0.16 0.044)
- CIE Lab
- lab(33.33 53.75 19.82)
- LCH
- lch(33.33 57.29 20.2)
- CMYK
- cmyk(0% 89% 67% 40%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A63345
- B24C58
- BE636C
- C97A7F
- D48F94
- DEA5A8
- E7BCBD
- EFD2D3
- F8E8E9
Koyu tonlar
- 840D2B
- 700923
- 5D061C
- 4A0414
- 38020D
- 270107
- 170003
- 080001
- 010000
Gri tonlar
- 98263B
- 983442
- 96404A
- 954B51
- 935459
- 905E61
- 8D6769
- 896F70
- 857878
Renk uyumları
Tamamlayıcı +180°
- 991133
French Winery
- 005F60
≈ Sandhill Crane
Analog -30° +30°
- 991133
French Winery
- 8D1A67
≈ Bane of Royalty
- 883600
≈ Coffee Addiction
Üçlü +120° +240°
- 991133
French Winery
- 2F6200
≈ Keen Green
- 0050A1
≈ Victoria Blue
Bölünmüş tamamlayıcı +150° +210°
- 991133
French Winery
- 006246
≈ Green Paw Paw
- 005C76
≈ Prismatic Springs
Dörtlü +90° +180° +270°
- 991133
French Winery
- 5B5500
≈ Douro
- 005F60
≈ Sandhill Crane
- 4F3CA8
≈ Megadrive Screen
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.45:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.48:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 8.45:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--french-winery: #991133;
--french-winery-rgb: 153 17 51;
--french-winery-oklch: oklch(0.441 0.166 15.4);
}
.element {
color: var(--french-winery);
background-color: hsl(345 80% 33%);
border-color: oklch(0.441 0.166 15.4);
}Tailwind CSS v4
@theme {
--color-french-winery: #991133;
--color-french-winery-50: #ffe3e4;
--color-french-winery-100: #ffd2d4;
--color-french-winery-200: #ffb7ba;
--color-french-winery-300: #ff9298;
--color-french-winery-400: #f0707e;
--color-french-winery-500: #de4a61;
--color-french-winery-600: #bb4052;
--color-french-winery-700: #973341;
--color-french-winery-800: #702431;
--color-french-winery-900: #4f1821;
--color-french-winery-950: #340811;
}SCSS
$french-winery: #991133;
$french-winery-rgb: 153, 17, 51;
$french-winery-light: mix(#fff, $french-winery, 20%);
$french-winery-dark: mix(#000, $french-winery, 20%);
.element {
color: $french-winery;
box-shadow: 0 0 0 2px rgba($french-winery, 0.35);
}