Adlandırılmış renk · #7C3744
Cordova Burgundy
Cordova Burgundy, #7C3744: rgb(124 55 68), hsl(349 39% 35%), oklch(0.433 0.097 10.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Cordova Burgundy color name →
#7C3744
oklch(0.433 0.097 10.2)
Renk dönüşümleri
- HEX
- #7c3744
- RGB
- rgb(124 55 68)
- HSL
- hsl(349 39% 35%)
- HWB
- hwb(349 22% 51%)
- OKLCH
- oklch(0.433 0.097 10.2)
- OKLab
- oklab(0.433 0.095 0.017)
- CIE Lab
- lab(33.08 31.59 7.23)
- LCH
- lch(33.08 32.41 12.9)
- CMYK
- cmyk(0% 56% 45% 51%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8A4A55
- 985D66
- A57078
- B2848A
- BF989C
- CCACAF
- D9C0C3
- E6D5D6
- F3EAEB
Koyu tonlar
- 6B2E3A
- 5A2630
- 4A1E26
- 3B161D
- 2C0F14
- 1E080C
- 110305
- 050102
- 010000
Gri tonlar
- 7D3F4A
- 7F4750
- 804E55
- 80555B
- 815D61
- 816467
- 816B6D
- 817274
- 81797A
Renk uyumları
Tamamlayıcı +180°
- 7C3744
Cordova Burgundy
- 005D5A
≈ Dark Turquoise
Analog -30° +30°
- 7C3744
Cordova Burgundy
- 733961
≈ Burnt Orchid
- 7C3B24
≈ Stone Age Queen
Üçlü +120° +240°
- 7C3744
Cordova Burgundy
- 3E5B1B
≈ Lustrian Undergrowth
- 205383
≈ Frank Blue
Bölünmüş tamamlayıcı +150° +210°
- 7C3744
Cordova Burgundy
- 02603E
≈ Spruce
- 005A6E
≈ Deep Lagoon
Dörtlü +90° +180° +270°
- 7C3744
Cordova Burgundy
- 5C5100
≈ Douro
- 005D5A
≈ Dark Turquoise
- 474984
≈ Highlands Twilight
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.44:1 · APCA Lc 89
Ag
FailSiyah üzerinde
WCAG 2.48:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.44:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--cordova-burgundy: #7c3744;
--cordova-burgundy-rgb: 124 55 68;
--cordova-burgundy-oklch: oklch(0.433 0.097 10.2);
}
.element {
color: var(--cordova-burgundy);
background-color: hsl(349 39% 35%);
border-color: oklch(0.433 0.097 10.2);
}Tailwind CSS v4
@theme {
--color-cordova-burgundy: #7c3744;
--color-cordova-burgundy-50: #ffebee;
--color-cordova-burgundy-100: #ffdbdf;
--color-cordova-burgundy-200: #fbc4c9;
--color-cordova-burgundy-300: #e4a3aa;
--color-cordova-burgundy-400: #d08691;
--color-cordova-burgundy-500: #bc6a77;
--color-cordova-burgundy-600: #9f5a65;
--color-cordova-burgundy-700: #804851;
--color-cordova-burgundy-800: #5f343c;
--color-cordova-burgundy-900: #422329;
--color-cordova-burgundy-950: #2a1217;
}SCSS
$cordova-burgundy: #7c3744;
$cordova-burgundy-rgb: 124, 55, 68;
$cordova-burgundy-light: mix(#fff, $cordova-burgundy, 20%);
$cordova-burgundy-dark: mix(#000, $cordova-burgundy, 20%);
.element {
color: $cordova-burgundy;
box-shadow: 0 0 0 2px rgba($cordova-burgundy, 0.35);
}