色名 · #C87291
Rhine Wine
Rhine Wineは#C87291：rgb(200 114 145)、hsl(338 44% 62%)、oklch(0.656 0.114 357.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Rhine Wine color name →
#C87291
oklch(0.656 0.114 357.7)
カラー変換
- HEX
- #c87291
- RGB
- rgb(200 114 145)
- HSL
- hsl(338 44% 62%)
- HWB
- hwb(338 45% 22%)
- OKLCH
- oklch(0.656 0.114 357.7)
- OKLab
- oklab(0.656 0.114 -0.005)
- CIE Lab
- lab(58.63 37.4 -1.32)
- LCH
- lch(58.63 37.43 358)
- CMYK
- cmyk(0% 43% 28% 22%)
ティント · シェード · トーン
ティント
- CF809B
- D58EA6
- DB9CB1
- E1AABC
- E7B8C7
- ECC6D2
- F1D4DD
- F6E2E8
- FBF1F4
シェード
- AE627D
- 94536A
- 7B4458
- 633646
- 4C2835
- 361B25
- 210E15
- 0F0407
- 020101
トーン
- C1748F
- BB768E
- B4788C
- AD798A
- A67A88
- 9E7C87
- 977D85
- 907E83
- 887F82
カラーハーモニー
補色 +180°
- C87291
Rhine Wine
- 22A790
≈ Fishy House
類似色 -30° +30°
- C87291
Rhine Wine
- B677B4
≈ Colombo Red Mauve
- CD746A
≈ It’s My Party
トライアド +120° +240°
- C87291
Rhine Wine
- 8B9A43
≈ Café de Paris
- 429ACE
≈ Blessed Blue
スプリットコンプリメンタリー +150° +210°
- C87291
Rhine Wine
- 5DA468
≈ Endo
- 00A4B4
≈ Garish Blue
テトラード +90° +180° +270°
- C87291
Rhine Wine
- AE8C32
≈ Mineral Umber
- 22A790
≈ Fishy House
- 738ED7
≈ Organza Violet
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.34:1 · APCA Lc 61
Ag
AA黒の上
WCAG 6.27:1 · APCA Lc 41
最適な文字色: #000000
WCAG 6.27:1 (AA) · APCA Lc 41
Contrast pairs
コードスニペット
CSS
:root {
--rhine-wine: #c87291;
--rhine-wine-rgb: 200 114 145;
--rhine-wine-oklch: oklch(0.656 0.114 357.7);
}
.element {
color: var(--rhine-wine);
background-color: hsl(338 44% 62%);
border-color: oklch(0.656 0.114 357.7);
}Tailwind CSS v4
@theme {
--color-rhine-wine: #c87291;
--color-rhine-wine-50: #ffe8f4;
--color-rhine-wine-100: #ffd9e6;
--color-rhine-wine-200: #fec1d2;
--color-rhine-wine-300: #e89fb5;
--color-rhine-wine-400: #d4819e;
--color-rhine-wine-500: #c16386;
--color-rhine-wine-600: #a35572;
--color-rhine-wine-700: #83435b;
--color-rhine-wine-800: #613044;
--color-rhine-wine-900: #44212f;
--color-rhine-wine-950: #2c101b;
}SCSS
$rhine-wine: #c87291;
$rhine-wine-rgb: 200, 114, 145;
$rhine-wine-light: mix(#fff, $rhine-wine, 20%);
$rhine-wine-dark: mix(#000, $rhine-wine, 20%);
.element {
color: $rhine-wine;
box-shadow: 0 0 0 2px rgba($rhine-wine, 0.35);
}