色名 · #994B35
Spicy Hue
Spicy Hueは#994B35：rgb(153 75 53)、hsl(13 49% 40%)、oklch(0.506 0.11 36.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Spicy Hue color name →
#994B35
oklch(0.506 0.11 36.6)
カラー変換
- HEX
- #994b35
- RGB
- rgb(153 75 53)
- HSL
- hsl(13 49% 40%)
- HWB
- hwb(13 21% 40%)
- OKLCH
- oklch(0.506 0.11 36.6)
- OKLab
- oklab(0.506 0.088 0.066)
- CIE Lab
- lab(41.76 31.99 28.74)
- LCH
- lch(41.76 43 41.9)
- CMYK
- cmyk(0% 51% 65% 40%)
ティント · シェード · トーン
ティント
- A45D48
- AF6E5C
- BA806F
- C59183
- CFA397
- D9B5AB
- E3C7BF
- ECDAD4
- F6ECEA
シェード
- 84402D
- 703525
- 5D2B1D
- 4A2115
- 38170E
- 270E08
- 170603
- 080201
- 010000
トーン
- 97513D
- 965745
- 945D4D
- 926254
- 8F675C
- 8D6C63
- 8A716A
- 877672
- 847B79
カラーハーモニー
補色 +180°
- 994B35
Spicy Hue
- 007186
≈ Waterworld
類似色 -30° +30°
- 994B35
Spicy Hue
- 98475A
≈ Haitian Flower
- 8E5605
≈ Spear Shaft
トライアド +120° +240°
- 994B35
Spicy Hue
- 1B774A
≈ Woodland Soul
- 555DA3
≈ Purple Frenzy
スプリットコンプリメンタリー +150° +210°
- 994B35
Spicy Hue
- 00756D
≈ Hawk Turquoise
- 2569A0
≈ Jazz Blue
テトラード +90° +180° +270°
- 994B35
Spicy Hue
- 547021
≈ Loren Forest
- 007186
≈ Waterworld
- 755296
≈ Juneberry
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.15:1 · APCA Lc 80
Ag
Fail黒の上
WCAG 3.41:1 · APCA Lc 22
最適な文字色: #FFFFFF
WCAG 6.15:1 (AA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--spicy-hue: #994b35;
--spicy-hue-rgb: 153 75 53;
--spicy-hue-oklch: oklch(0.506 0.11 36.6);
}
.element {
color: var(--spicy-hue);
background-color: hsl(13 49% 40%);
border-color: oklch(0.506 0.11 36.6);
}Tailwind CSS v4
@theme {
--color-spicy-hue: #994b35;
--color-spicy-hue-50: #ffebdf;
--color-spicy-hue-100: #ffdccd;
--color-spicy-hue-200: #ffc5b2;
--color-spicy-hue-300: #e9a48e;
--color-spicy-hue-400: #d78770;
--color-spicy-hue-500: #c36950;
--color-spicy-hue-600: #a55a44;
--color-spicy-hue-700: #854736;
--color-spicy-hue-800: #633328;
--color-spicy-hue-900: #45231a;
--color-spicy-hue-950: #2d120b;
}SCSS
$spicy-hue: #994b35;
$spicy-hue-rgb: 153, 75, 53;
$spicy-hue-light: mix(#fff, $spicy-hue, 20%);
$spicy-hue-dark: mix(#000, $spicy-hue, 20%);
.element {
color: $spicy-hue;
box-shadow: 0 0 0 2px rgba($spicy-hue, 0.35);
}