色名 · #9A435D
Velvet Wine
Velvet Wineは#9A435D：rgb(154 67 93)、hsl(342 39% 43%)、oklch(0.504 0.119 3.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Velvet Wine color name →
#9A435D
oklch(0.504 0.119 3.6)
カラー変換
- HEX
- #9a435d
- RGB
- rgb(154 67 93)
- HSL
- hsl(342 39% 43%)
- HWB
- hwb(342 26% 40%)
- OKLCH
- oklch(0.504 0.119 3.6)
- OKLab
- oklab(0.504 0.119 0.007)
- CIE Lab
- lab(41.02 39.02 3.42)
- LCH
- lch(41.02 39.17 5)
- CMYK
- cmyk(0% 56% 40% 40%)
ティント · シェード · トーン
ティント
- A5566C
- B1687B
- BB7A8A
- C68D9A
- D09FAA
- DAB2BB
- E4C5CB
- EDD8DC
- F6EBEE
シェード
- 853950
- 712F43
- 5E2637
- 4B1D2A
- 39141F
- 270C14
- 17050A
- 090103
- 010000
トーン
- 984A60
- 975164
- 955767
- 935E6B
- 90646E
- 8E6A72
- 8B6F75
- 887579
- 847B7C
カラーハーモニー
補色 +180°
- 9A435D
Velvet Wine
- 00756A
≈ Hawk Turquoise
類似色 -30° +30°
- 9A435D
Velvet Wine
- 8C4781
≈ Pickled Plum
- 9D4734
≈ Burnt Earth
トライアド +120° +240°
- 9A435D
Velvet Wine
- 576F0D
≈ Over the Hills
- 0C6AA3
≈ Jazz Blue
スプリットコンプリメンタリー +150° +210°
- 9A435D
Velvet Wine
- 177743
≈ Gale of the Wind
- 007183
≈ Caribbean Dream
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.29:1 · APCA Lc 81
Ag
Fail黒の上
WCAG 3.33:1 · APCA Lc 21
最適な文字色: #FFFFFF
WCAG 6.29:1 (AA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--velvet-wine: #9a435d;
--velvet-wine-rgb: 154 67 93;
--velvet-wine-oklch: oklch(0.504 0.119 3.6);
}
.element {
color: var(--velvet-wine);
background-color: hsl(342 39% 43%);
border-color: oklch(0.504 0.119 3.6);
}Tailwind CSS v4
@theme {
--color-velvet-wine: #9a435d;
--color-velvet-wine-50: #ffe8f0;
--color-velvet-wine-100: #ffd8e2;
--color-velvet-wine-200: #ffc0cd;
--color-velvet-wine-300: #ec9eae;
--color-velvet-wine-400: #d97f97;
--color-velvet-wine-500: #c5617e;
--color-velvet-wine-600: #a7536a;
--color-velvet-wine-700: #864255;
--color-velvet-wine-800: #632f3f;
--color-velvet-wine-900: #46202c;
--color-velvet-wine-950: #2d0f19;
}SCSS
$velvet-wine: #9a435d;
$velvet-wine-rgb: 154, 67, 93;
$velvet-wine-light: mix(#fff, $velvet-wine, 20%);
$velvet-wine-dark: mix(#000, $velvet-wine, 20%);
.element {
color: $velvet-wine;
box-shadow: 0 0 0 2px rgba($velvet-wine, 0.35);
}