最も近い色名 · #734441
#734441
最も近い色名: Wine Cellar
#734441（rgb(115 68 65)、hsl(4 28% 35%)、oklch(0.441 0.066 24)）に最も近い色名はWine Cellarです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#734441
oklch(0.441 0.066 24)
カラー変換
- HEX
- #734441
- RGB
- rgb(115 68 65)
- HSL
- hsl(4 28% 35%)
- HWB
- hwb(4 25% 55%)
- OKLCH
- oklch(0.441 0.066 24)
- OKLab
- oklab(0.441 0.06 0.027)
- CIE Lab
- lab(34.56 20.53 10.9)
- LCH
- lch(34.56 23.25 28)
- CMYK
- cmyk(0% 41% 43% 55%)
ティント · シェード · トーン
ティント
- 815552
- 8F6763
- 9D7975
- AB8B88
- B99D9B
- C7B0AE
- D5C3C2
- E3D7D6
- F1EBEA
シェード
- 633A37
- 54302E
- 452625
- 361D1C
- 281413
- 1B0C0B
- 0F0505
- 050201
- 010000
トーン
- 754A47
- 77504D
- 785653
- 7A5C5A
- 7B6260
- 7C6866
- 7D6E6D
- 7E7473
- 7F7A79
カラーハーモニー
補色 +180°
- 734441
Wine Cellar
- 1A5D64
≈ Tropical Skies
類似色 -30° +30°
- 734441
Wine Cellar
- 6F4355
≈ Chilled Wine
- 6F492F
≈ Taj
トライアド +120° +240°
- 734441
Wine Cellar
- 3C5C3B
≈ Turf
- 405277
≈ Astronaut
スプリットコンプリメンタリー +150° +210°
- 734441
Wine Cellar
- 245F50
≈ Teal Drama
- 2A5972
≈ Chathams Blue
テトラード +90° +180° +270°
- 734441
Wine Cellar
- 52572A
≈ Soldier Green
- 1A5D64
≈ Tropical Skies
- 554C74
≈ Perpetual Purple
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.97:1 · APCA Lc 87
Ag
Fail黒の上
WCAG 2.63:1 · APCA Lc 15
最適な文字色: #FFFFFF
WCAG 7.97:1 (AAA) · APCA Lc 87
Contrast pairs
コードスニペット
CSS
:root {
--wine-cellar: #734441;
--wine-cellar-rgb: 115 68 65;
--wine-cellar-oklch: oklch(0.441 0.066 24);
}
.element {
color: var(--wine-cellar);
background-color: hsl(4 28% 35%);
border-color: oklch(0.441 0.066 24);
}Tailwind CSS v4
@theme {
--color-wine-cellar: #734441;
--color-wine-cellar-50: #ffeeeb;
--color-wine-cellar-100: #fde0dd;
--color-wine-cellar-200: #efcac6;
--color-wine-cellar-300: #d7aba6;
--color-wine-cellar-400: #c2908c;
--color-wine-cellar-500: #ae7571;
--color-wine-cellar-600: #936360;
--color-wine-cellar-700: #764f4c;
--color-wine-cellar-800: #573938;
--color-wine-cellar-900: #3d2726;
--color-wine-cellar-950: #261515;
}SCSS
$wine-cellar: #734441;
$wine-cellar-rgb: 115, 68, 65;
$wine-cellar-light: mix(#fff, $wine-cellar, 20%);
$wine-cellar-dark: mix(#000, $wine-cellar, 20%);
.element {
color: $wine-cellar;
box-shadow: 0 0 0 2px rgba($wine-cellar, 0.35);
}