色名 · #A54E37
Texas Heatwave
Texas Heatwaveは#A54E37：rgb(165 78 55)、hsl(13 50% 43%)、oklch(0.529 0.121 35.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Texas Heatwave color name →
#A54E37
oklch(0.529 0.121 35.8)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- AF604B
- B9715E
- C38371
- CD9485
- D6A598
- DFB7AC
- E7C9C1
- EFDBD5
- F7EDEA
シェード
- 8F432E
- 793826
- 652D1E
- 512316
- 3D190F
- 2B0F08
- 1A0703
- 0A0201
- 010000
トーン
- A2543F
- 9F5A47
- 9C5F4F
- 996456
- 96695D
- 926E64
- 8E736B
- 8A7772
- 857C79
カラーハーモニー
補色 +180°
- A54E37
Texas Heatwave
- 00788E
≈ Bayou Serenade
類似色 -30° +30°
- A54E37
Texas Heatwave
- A34A61
≈ Glazed Raspberry
- 985B00
≈ Sepia Wash
トライアド +120° +240°
- A54E37
Texas Heatwave
- 177F4C
≈ Picture Book Green
- 5963B0
≈ Evening Lagoon
スプリットコンプリメンタリー +150° +210°
- A54E37
Texas Heatwave
- 007C73
≈ Romantic Isle
- 1F70AC
≈ Planetarium
テトラード +90° +180° +270°
- A54E37
Texas Heatwave
- 5A771B
≈ Topiary Green
- 00788E
≈ Bayou Serenade
- 7D57A2
≈ Royal Lilac
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.60:1 · APCA Lc 78
Ag
Fail黒の上
WCAG 3.74:1 · APCA Lc 24
最適な文字色: #FFFFFF
WCAG 5.60:1 (AA) · APCA Lc 78
Contrast pairs
コードスニペット
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);
}