最も近い色名 · #662E65
#662E65
最も近い色名: Wineberry
#662E65（rgb(102 46 101)、hsl(301 38% 29%)、oklch(0.399 0.111 328.1)）に最も近い色名はWineberryです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#662E65
oklch(0.399 0.111 328.1)
カラー変換
- HEX
- #662e65
- RGB
- rgb(102 46 101)
- HSL
- hsl(301 38% 29%)
- HWB
- hwb(301 18% 60%)
- OKLCH
- oklch(0.399 0.111 328.1)
- OKLab
- oklab(0.399 0.094 -0.058)
- CIE Lab
- lab(28.65 31.86 -21.13)
- LCH
- lch(28.65 38.23 326.4)
- CMYK
- cmyk(0% 55% 1% 60%)
ティント · シェード · トーン
ティント
- 754274
- 845682
- 936A91
- A37EA1
- B293B0
- C1A8BF
- D0BDCF
- E0D3DF
- EFE9EF
シェード
- 582757
- 4A1F49
- 3C183C
- 2F122F
- 230B22
- 170617
- 0C020C
- 040103
- 000000
トーン
- 693768
- 6C3F6B
- 6F486E
- 725070
- 755873
- 776076
- 7A6878
- 7C707B
- 7E787E
カラーハーモニー
補色 +180°
- 662E65
Wineberry
- 085721
≈ Caliban Green
類似色 -30° +30°
- 662E65
Wineberry
- 50377A
≈ Prism Violet
- 742847
≈ Palace Red
トライアド +120° +240°
- 662E65
Wineberry
- 5A4400
≈ Sugarloaf Brown
- 00515B
≈ Kali Blue
スプリットコンプリメンタリー +150° +210°
- 662E65
Wineberry
- 434E00
≈ No Emissions Green
- 005447
≈ Breathe Deeply
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.79:1 · APCA Lc 92
Ag
Fail黒の上
WCAG 2.14:1 · APCA Lc 10
最適な文字色: #FFFFFF
WCAG 9.79:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
CSS
:root {
--wineberry: #662e65;
--wineberry-rgb: 102 46 101;
--wineberry-oklch: oklch(0.399 0.111 328.1);
}
.element {
color: var(--wineberry);
background-color: hsl(301 38% 29%);
border-color: oklch(0.399 0.111 328.1);
}Tailwind CSS v4
@theme {
--color-wineberry: #662e65;
--color-wineberry-50: #ffeaff;
--color-wineberry-100: #fedbfa;
--color-wineberry-200: #f0c4eb;
--color-wineberry-300: #d8a3d2;
--color-wineberry-400: #c287bf;
--color-wineberry-500: #ad6aab;
--color-wineberry-600: #925a90;
--color-wineberry-700: #754874;
--color-wineberry-800: #563457;
--color-wineberry-900: #3c233d;
--color-wineberry-950: #261226;
}SCSS
$wineberry: #662e65;
$wineberry-rgb: 102, 46, 101;
$wineberry-light: mix(#fff, $wineberry, 20%);
$wineberry-dark: mix(#000, $wineberry, 20%);
.element {
color: $wineberry;
box-shadow: 0 0 0 2px rgba($wineberry, 0.35);
}