色名 · #5F2E3D
Windsor Wine
Windsor Wineは#5F2E3D：rgb(95 46 61)、hsl(342 35% 28%)、oklch(0.371 0.073 1.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Windsor Wine color name →
#5F2E3D
oklch(0.371 0.073 1.8)
カラー変換
- HEX
- #5f2e3d
- RGB
- rgb(95 46 61)
- HSL
- hsl(342 35% 28%)
- HWB
- hwb(342 18% 63%)
- OKLCH
- oklch(0.371 0.073 1.8)
- OKLab
- oklab(0.371 0.073 0.002)
- CIE Lab
- lab(26.12 24.1 1.2)
- LCH
- lch(26.12 24.13 2.9)
- CMYK
- cmyk(0% 52% 36% 63%)
ティント · シェード · トーン
ティント
- 6F414E
- 7F5460
- 8F6872
- 9E7C85
- AE9198
- BEA6AC
- CEBCC0
- DFD2D5
- EFE8EA
シェード
- 522734
- 441F2B
- 381822
- 2C121A
- 200B12
- 15060A
- 0A0204
- 030101
- 000000
トーン
- 633643
- 673E4A
- 6B4650
- 6E4F57
- 71575D
- 755F64
- 78676B
- 7B6F72
- 7D7879
カラーハーモニー
補色 +180°
- 5F2E3D
Windsor Wine
- 004B42
≈ Aqua Deep
類似色 -30° +30°
- 5F2E3D
Windsor Wine
- 563051
≈ Purple Prose
- 613027
≈ Rookwood Red
トライアド +120° +240°
- 5F2E3D
Windsor Wine
- 3A4615
≈ Green Not Found
- 154463
≈ Forest Blues
スプリットコンプリメンタリー +150° +210°
- 5F2E3D
Windsor Wine
- 1D4B2C
≈ Cal Poly Pomona Green
- 004954
≈ Midnight Green
テトラード +90° +180° +270°
- 5F2E3D
Windsor Wine
- 4E3E04
≈ Xanthophobia
- 004B42
≈ Aqua Deep
- 323D67
≈ Bay of Many
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 10.79:1 · APCA Lc 95
Ag
Fail黒の上
WCAG 1.94:1 · APCA Lc 8
最適な文字色: #FFFFFF
WCAG 10.79:1 (AAA) · APCA Lc 95
Contrast pairs
コードスニペット
CSS
:root {
--windsor-wine: #5f2e3d;
--windsor-wine-rgb: 95 46 61;
--windsor-wine-oklch: oklch(0.371 0.073 1.8);
}
.element {
color: var(--windsor-wine);
background-color: hsl(342 35% 28%);
border-color: oklch(0.371 0.073 1.8);
}Tailwind CSS v4
@theme {
--color-windsor-wine: #5f2e3d;
--color-windsor-wine-50: #ffedf3;
--color-windsor-wine-100: #ffdee5;
--color-windsor-wine-200: #f1c8d1;
--color-windsor-wine-300: #d9a8b3;
--color-windsor-wine-400: #c48d9b;
--color-windsor-wine-500: #af7182;
--color-windsor-wine-600: #94606e;
--color-windsor-wine-700: #774d58;
--color-windsor-wine-800: #583841;
--color-windsor-wine-900: #3d262d;
--color-windsor-wine-950: #26141a;
}SCSS
$windsor-wine: #5f2e3d;
$windsor-wine-rgb: 95, 46, 61;
$windsor-wine-light: mix(#fff, $windsor-wine, 20%);
$windsor-wine-dark: mix(#000, $windsor-wine, 20%);
.element {
color: $windsor-wine;
box-shadow: 0 0 0 2px rgba($windsor-wine, 0.35);
}