Adlandırılmış renk · #A54E37
Texas Heatwave
Texas Heatwave, #A54E37: rgb(165 78 55), hsl(13 50% 43%), oklch(0.529 0.121 35.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Texas Heatwave color name →
#A54E37
oklch(0.529 0.121 35.8)
Renk dönüşümleri
- HEX
- #a54e37
- RGB
- rgb(165 78 55)
- HSL
- hsl(13 50% 43%)
- HWB
- hwb(13 22% 35%)
- OKLCH
- oklch(0.529 0.121 35.8)
- OKLab
- oklab(0.529 0.098 0.071)
- CIE Lab
- lab(44.33 35.39 31.13)
- LCH
- lch(44.33 47.14 41.3)
- CMYK
- cmyk(0% 53% 67% 35%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AF604B
- B9715E
- C38371
- CD9485
- D6A598
- DFB7AC
- E7C9C1
- EFDBD5
- F7EDEA
Koyu tonlar
- 8F432E
- 793826
- 652D1E
- 512316
- 3D190F
- 2B0F08
- 1A0703
- 0A0201
- 010000
Gri tonlar
- A2543F
- 9F5A47
- 9C5F4F
- 996456
- 96695D
- 926E64
- 8E736B
- 8A7772
- 857C79
Renk uyumları
Tamamlayıcı +180°
- A54E37
Texas Heatwave
- 00788E
≈ Bayou Serenade
Analog -30° +30°
- A54E37
Texas Heatwave
- A34A61
≈ Glazed Raspberry
- 985B00
≈ Sepia Wash
Üçlü +120° +240°
- A54E37
Texas Heatwave
- 177F4C
≈ Picture Book Green
- 5963B0
≈ Evening Lagoon
Bölünmüş tamamlayıcı +150° +210°
- A54E37
Texas Heatwave
- 007C73
≈ Romantic Isle
- 1F70AC
≈ Planetarium
Dörtlü +90° +180° +270°
- A54E37
Texas Heatwave
- 5A771B
≈ Topiary Green
- 00788E
≈ Bayou Serenade
- 7D57A2
≈ Royal Lilac
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.60:1 · APCA Lc 78
Ag
FailSiyah üzerinde
WCAG 3.74:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.60:1 (AA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--texas-heatwave: #a54e37;
--texas-heatwave-rgb: 165 78 55;
--texas-heatwave-oklch: oklch(0.529 0.121 35.8);
}
.element {
color: var(--texas-heatwave);
background-color: hsl(13 50% 43%);
border-color: oklch(0.529 0.121 35.8);
}Tailwind CSS v4
@theme {
--color-texas-heatwave: #a54e37;
--color-texas-heatwave-50: #ffeadd;
--color-texas-heatwave-100: #ffdbcb;
--color-texas-heatwave-200: #ffc3af;
--color-texas-heatwave-300: #eea28a;
--color-texas-heatwave-400: #dc836c;
--color-texas-heatwave-500: #c9654b;
--color-texas-heatwave-600: #a95640;
--color-texas-heatwave-700: #884533;
--color-texas-heatwave-800: #653125;
--color-texas-heatwave-900: #472119;
--color-texas-heatwave-950: #2e100a;
}SCSS
$texas-heatwave: #a54e37;
$texas-heatwave-rgb: 165, 78, 55;
$texas-heatwave-light: mix(#fff, $texas-heatwave, 20%);
$texas-heatwave-dark: mix(#000, $texas-heatwave, 20%);
.element {
color: $texas-heatwave;
box-shadow: 0 0 0 2px rgba($texas-heatwave, 0.35);
}