最も近い色名 · #B36EA2
#B36EA2
最も近い色名: Je t’aime
#B36EA2（rgb(179 110 162)、hsl(315 31% 57%)、oklch(0.63 0.111 336.5)）に最も近い色名はJe t’aimeです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#B36EA2
oklch(0.63 0.111 336.5)
カラー変換
- HEX
- #b36ea2
- RGB
- rgb(179 110 162)
- HSL
- hsl(315 31% 57%)
- HWB
- hwb(315 43% 30%)
- OKLCH
- oklch(0.63 0.111 336.5)
- OKLab
- oklab(0.63 0.101 -0.044)
- CIE Lab
- lab(55.48 33.8 -16.16)
- LCH
- lch(55.48 37.47 334.4)
- CMYK
- cmyk(0% 39% 9% 30%)
ティント · シェード · トーン
ティント
- BB7CAB
- C38AB4
- CB99BD
- D3A7C7
- DBB5D0
- E2C4D9
- E9D3E3
- F1E1EC
- F8F0F6
シェード
- 9B5F8C
- 845077
- 6E4163
- 58334F
- 43263C
- 2F192A
- 1D0E19
- 0C040A
- 010101
トーン
- AE709F
- A9729B
- A57498
- A07695
- 9B7891
- 967A8E
- 907C8A
- 8B7D87
- 867F83
カラーハーモニー
補色 +180°
- B36EA2
Je t’aime
- 489D6D
≈ Basil Pesto
類似色 -30° +30°
- B36EA2
Je t’aime
- 9A77BE
≈ Purple Pride
- C16B7E
≈ Pink Manhattan
トライアド +120° +240°
- B36EA2
Je t’aime
- 9D892E
≈ Parsnip Root
- 0A99B4
≈ Barrier Reef
スプリットコンプリメンタリー +150° +210°
- B36EA2
Je t’aime
- 789547
≈ Emerald Shimmer
- 009E94
≈ Caribbean Turquoise
テトラード +90° +180° +270°
- B36EA2
Je t’aime
- B67A38
≈ Molten Caramel
- 489D6D
≈ Basil Pesto
- 4B8FC8
≈ Azure Blue
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.70:1 · APCA Lc 64
Ag
AA黒の上
WCAG 5.66:1 · APCA Lc 37
最適な文字色: #000000
WCAG 5.66:1 (AA) · APCA Lc 37
Contrast pairs
コードスニペット
CSS
:root {
--je-t-aime: #b36ea2;
--je-t-aime-rgb: 179 110 162;
--je-t-aime-oklch: oklch(0.63 0.111 336.5);
}
.element {
color: var(--je-t-aime);
background-color: hsl(315 31% 57%);
border-color: oklch(0.63 0.111 336.5);
}Tailwind CSS v4
@theme {
--color-je-t-aime: #b36ea2;
--color-je-t-aime-50: #ffeaff;
--color-je-t-aime-100: #ffdaf5;
--color-je-t-aime-200: #f5c3e4;
--color-je-t-aime-300: #dda2cb;
--color-je-t-aime-400: #c885b7;
--color-je-t-aime-500: #b468a1;
--color-je-t-aime-600: #985888;
--color-je-t-aime-700: #7a466d;
--color-je-t-aime-800: #593352;
--color-je-t-aime-900: #3f2339;
--color-je-t-aime-950: #281123;
}SCSS
$je-t-aime: #b36ea2;
$je-t-aime-rgb: 179, 110, 162;
$je-t-aime-light: mix(#fff, $je-t-aime, 20%);
$je-t-aime-dark: mix(#000, $je-t-aime, 20%);
.element {
color: $je-t-aime;
box-shadow: 0 0 0 2px rgba($je-t-aime, 0.35);
}