最も近い色名 · #865280
#865280
最も近い色名: Grape Candy
#865280（rgb(134 82 128)、hsl(307 24% 42%)、oklch(0.514 0.094 331.1)）に最も近い色名はGrape Candyです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#865280
oklch(0.514 0.094 331.1)
カラー変換
- HEX
- #865280
- RGB
- rgb(134 82 128)
- HSL
- hsl(307 24% 42%)
- HWB
- hwb(307 32% 47%)
- OKLCH
- oklch(0.514 0.094 331.1)
- OKLab
- oklab(0.514 0.083 -0.046)
- CIE Lab
- lab(42.25 27.82 -16.68)
- LCH
- lch(42.25 32.44 329)
- CMYK
- cmyk(0% 39% 4% 47%)
ティント · シェード · トーン
ティント
- 92628C
- 9E7398
- AA84A5
- B695B1
- C2A6BE
- CFB7CB
- DBC9D8
- E7DBE5
- F3EDF2
シェード
- 74466E
- 623B5D
- 512F4D
- 40253D
- 301A2E
- 21111F
- 130812
- 060206
- 010001
トーン
- 865780
- 865C80
- 856080
- 856580
- 846A80
- 846E80
- 837380
- 827780
- 817C80
カラーハーモニー
補色 +180°
- 865280
Grape Candy
- 39764B
≈ Grasslands
類似色 -30° +30°
- 865280
Grape Candy
- 715A95
≈ Just a Fairytale
- 934F64
≈ Vin Rouge
トライアド +120° +240°
- 865280
Grape Candy
- 7B651A
≈ Brazen Brass
- 007484
≈ Deep Current
スプリットコンプリメンタリー +150° +210°
- 865280
Grape Candy
- 5F6F2C
≈ Fiji Green
- 00786A
≈ Teal Waters
テトラード +90° +180° +270°
- 865280
Grape Candy
- 8E5928
≈ Caramel Café
- 39764B
≈ Grasslands
- 2C6D98
≈ Blue Oasis
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.94:1 · APCA Lc 80
Ag
Fail黒の上
WCAG 3.53:1 · APCA Lc 22
最適な文字色: #FFFFFF
WCAG 5.94:1 (AA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--grape-candy: #865280;
--grape-candy-rgb: 134 82 128;
--grape-candy-oklch: oklch(0.514 0.094 331.1);
}
.element {
color: var(--grape-candy);
background-color: hsl(307 24% 42%);
border-color: oklch(0.514 0.094 331.1);
}Tailwind CSS v4
@theme {
--color-grape-candy: #865280;
--color-grape-candy-50: #ffecff;
--color-grape-candy-100: #fcddf6;
--color-grape-candy-200: #eec6e6;
--color-grape-candy-300: #d5a6cc;
--color-grape-candy-400: #bf8ab8;
--color-grape-candy-500: #aa6ea3;
--color-grape-candy-600: #905e8a;
--color-grape-candy-700: #734b6e;
--color-grape-candy-800: #543652;
--color-grape-candy-900: #3b2539;
--color-grape-candy-950: #251324;
}SCSS
$grape-candy: #865280;
$grape-candy-rgb: 134, 82, 128;
$grape-candy-light: mix(#fff, $grape-candy, 20%);
$grape-candy-dark: mix(#000, $grape-candy, 20%);
.element {
color: $grape-candy;
box-shadow: 0 0 0 2px rgba($grape-candy, 0.35);
}