最も近い色名 · #855386
#855386
最も近い色名: Grape Candy
#855386（rgb(133 83 134)、hsl(299 24% 43%)、oklch(0.517 0.098 326.2)）に最も近い色名はGrape Candyです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#855386
oklch(0.517 0.098 326.2)
カラー変換
- HEX
- #855386
- RGB
- rgb(133 83 134)
- HSL
- hsl(299 24% 43%)
- HWB
- hwb(299 33% 47%)
- OKLCH
- oklch(0.517 0.098 326.2)
- OKLab
- oklab(0.517 0.081 -0.054)
- CIE Lab
- lab(42.56 27.79 -19.86)
- LCH
- lch(42.56 34.15 324.5)
- CMYK
- cmyk(1% 38% 0% 47%)
ティント · シェード · トーン
ティント
- 916392
- 9D749E
- A984A9
- B595B5
- C2A6C1
- CEB8CE
- DAC9DA
- E6DBE6
- F3EDF3
シェード
- 734774
- 613B62
- 503051
- 402540
- 301B30
- 211121
- 130813
- 060206
- 010001
トーン
- 855886
- 855D85
- 846185
- 846684
- 846A84
- 836F83
- 827382
- 827782
- 817C81
カラーハーモニー
補色 +180°
- 855386
Grape Candy
- 3F7745
≈ Autumn Crocodile
類似色 -30° +30°
- 855386
Grape Candy
- 6D5B9A
≈ Just a Fairytale
- 944F6A
≈ Glitterati
トライアド +120° +240°
- 855386
Grape Candy
- 816315
≈ Brazen Brass
- 007681
≈ Hypnotic Sea
スプリットコンプリメンタリー +150° +210°
- 855386
Grape Candy
- 656F25
≈ Forest Spirit
- 007A66
≈ Ultramarine Green
テトラード +90° +180° +270°
- 855386
Grape Candy
- 92582A
≈ Sugar Almond
- 3F7745
≈ Autumn Crocodile
- 217099
≈ Tofino Belue
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.86:1 · APCA Lc 79
Ag
Fail黒の上
WCAG 3.57:1 · APCA Lc 23
最適な文字色: #FFFFFF
WCAG 5.86:1 (AA) · APCA Lc 79
Contrast pairs
コードスニペット
CSS
:root {
--grape-candy: #855386;
--grape-candy-rgb: 133 83 134;
--grape-candy-oklch: oklch(0.517 0.098 326.2);
}
.element {
color: var(--grape-candy);
background-color: hsl(299 24% 43%);
border-color: oklch(0.517 0.098 326.2);
}Tailwind CSS v4
@theme {
--color-grape-candy: #855386;
--color-grape-candy-50: #ffecff;
--color-grape-candy-100: #fbddf9;
--color-grape-candy-200: #ecc6ea;
--color-grape-candy-300: #d4a6d1;
--color-grape-candy-400: #bd8abd;
--color-grape-candy-500: #a86ea9;
--color-grape-candy-600: #8e5e8f;
--color-grape-candy-700: #724b72;
--color-grape-candy-800: #533655;
--color-grape-candy-900: #3a253c;
--color-grape-candy-950: #241325;
}SCSS
$grape-candy: #855386;
$grape-candy-rgb: 133, 83, 134;
$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);
}