Adlandırılmış renk · #634049
Catawba Grape
Catawba Grape, #634049: rgb(99 64 73), hsl(345 21% 32%), oklch(0.415 0.05 2.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? → · Catawba Grape color name →
#634049
oklch(0.415 0.05 2.7)
Renk dönüşümleri
- HEX
- #634049
- RGB
- rgb(99 64 73)
- HSL
- hsl(345 21% 32%)
- HWB
- hwb(345 25% 61%)
- OKLCH
- oklch(0.415 0.05 2.7)
- OKLab
- oklab(0.415 0.05 0.002)
- CIE Lab
- lab(31.48 16.74 1.11)
- LCH
- lch(31.48 16.77 3.8)
- CMYK
- cmyk(0% 35% 26% 61%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 725159
- 81636A
- 90757B
- A0878D
- AF9A9F
- BFAEB2
- CFC2C4
- DFD6D8
- EFEAEB
Koyu tonlar
- 55363E
- 472D34
- 3A242A
- 2E1B20
- 211317
- 160B0E
- 0B0506
- 030102
- 000000
Gri tonlar
- 66464E
- 694D54
- 6C5359
- 6F595E
- 726064
- 756669
- 786C6F
- 7B7375
- 7D797A
Renk uyumları
Tamamlayıcı +180°
- 634049
Catawba Grape
- 29554E
≈ Hidden Depths
Analog -30° +30°
- 634049
Catawba Grape
- 5C4158
≈ Dreamy Heaven
- 64413A
≈ American Milking Devon
Üçlü +120° +240°
- 634049
Catawba Grape
- 465031
≈ Matsuba Green
- 334F65
≈ Outer Space
Bölünmüş tamamlayıcı +150° +210°
- 634049
Catawba Grape
- 36543E
≈ Goblin
- 27535C
≈ Stinkhorn
Dörtlü +90° +180° +270°
- 634049
Catawba Grape
- 554B2B
≈ Codium Fragile
- 29554E
≈ Hidden Depths
- 424A67
≈ Nobility Blue
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.89:1 · APCA Lc 90
Ag
FailSiyah üzerinde
WCAG 2.36:1 · APCA Lc 12
En iyi metin rengi: #FFFFFF
WCAG 8.89:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--catawba-grape: #634049;
--catawba-grape-rgb: 99 64 73;
--catawba-grape-oklch: oklch(0.415 0.05 2.7);
}
.element {
color: var(--catawba-grape);
background-color: hsl(345 21% 32%);
border-color: oklch(0.415 0.05 2.7);
}Tailwind CSS v4
@theme {
--color-catawba-grape: #634049;
--color-catawba-grape-50: #fff0f3;
--color-catawba-grape-100: #f8e1e6;
--color-catawba-grape-200: #e8ccd1;
--color-catawba-grape-300: #cfadb4;
--color-catawba-grape-400: #b9929c;
--color-catawba-grape-500: #a37983;
--color-catawba-grape-600: #8a666f;
--color-catawba-grape-700: #6f5259;
--color-catawba-grape-800: #523b41;
--color-catawba-grape-900: #39292d;
--color-catawba-grape-950: #23161a;
}SCSS
$catawba-grape: #634049;
$catawba-grape-rgb: 99, 64, 73;
$catawba-grape-light: mix(#fff, $catawba-grape, 20%);
$catawba-grape-dark: mix(#000, $catawba-grape, 20%);
.element {
color: $catawba-grape;
box-shadow: 0 0 0 2px rgba($catawba-grape, 0.35);
}