最も近い色名 · #E3BEFF
#E3BEFF
最も近い色名: Neon Boneyard
#E3BEFF（rgb(227 190 255)、hsl(274 100% 87%)、oklch(0.855 0.097 310.2)）に最も近い色名はNeon Boneyardです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E3BEFF
oklch(0.855 0.097 310.2)
カラー変換
- HEX
- #e3beff
- RGB
- rgb(227 190 255)
- HSL
- hsl(274 100% 87%)
- HWB
- hwb(274 75% 0%)
- OKLCH
- oklch(0.855 0.097 310.2)
- OKLab
- oklab(0.855 0.062 -0.074)
- CIE Lab
- lab(81.87 22.38 -27.1)
- LCH
- lch(81.87 35.14 309.5)
- CMYK
- cmyk(11% 25% 0% 0%)
ティント · シェード · トーン
ティント
- E6C5FF
- E9CBFF
- EBD2FF
- EED8FF
- F1DFFF
- F4E5FF
- F7ECFF
- F9F2FF
- FCF9FF
シェード
- C5A5DE
- A88CBE
- 8C759E
- 715E80
- 574863
- 3F3348
- 271F2E
- 120D16
- 030203
トーン
- D9B8F2
- CEB2E5
- C4ABD8
- BAA5CB
- B09FBE
- A699B1
- 9D93A5
- 938C98
- 89868C
カラーハーモニー
補色 +180°
- E3BEFF
Neon Boneyard
- BADD99
≈ Basil Smash
類似色 -30° +30°
- E3BEFF
Neon Boneyard
- C5CBFF
≈ Lavender Blue
- FBB7E3
≈ Hot Aquarelle Pink
トライアド +120° +240°
- E3BEFF
Neon Boneyard
- F8C589
≈ Arts & Crafts Gold
- 7DE4DD
≈ Turquoise Chalk
スプリットコンプリメンタリー +150° +210°
- E3BEFF
Neon Boneyard
- DED186
≈ Treasury
- 96E3BA
≈ Green Gum
テトラード +90° +180° +270°
- E3BEFF
Neon Boneyard
- FFBEA7
≈ Porcellana
- BADD99
≈ Basil Smash
- 82DEFB
≈ Tranquil Pool
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.60:1 · APCA Lc 27
Ag
AAA黒の上
WCAG 13.07:1 · APCA Lc 76
最適な文字色: #000000
WCAG 13.07:1 (AAA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--neon-boneyard: #e3beff;
--neon-boneyard-rgb: 227 190 255;
--neon-boneyard-oklch: oklch(0.855 0.097 310.2);
}
.element {
color: var(--neon-boneyard);
background-color: hsl(274 100% 87%);
border-color: oklch(0.855 0.097 310.2);
}Tailwind CSS v4
@theme {
--color-neon-boneyard: #e3beff;
--color-neon-boneyard-50: #ffeeff;
--color-neon-boneyard-100: #f3dfff;
--color-neon-boneyard-200: #e2c9f3;
--color-neon-boneyard-300: #c8aadc;
--color-neon-boneyard-400: #b08ec9;
--color-neon-boneyard-500: #9a73b6;
--color-neon-boneyard-600: #82629a;
--color-neon-boneyard-700: #684e7b;
--color-neon-boneyard-800: #4c395c;
--color-neon-boneyard-900: #352740;
--color-neon-boneyard-950: #201529;
}SCSS
$neon-boneyard: #e3beff;
$neon-boneyard-rgb: 227, 190, 255;
$neon-boneyard-light: mix(#fff, $neon-boneyard, 20%);
$neon-boneyard-dark: mix(#000, $neon-boneyard, 20%);
.element {
color: $neon-boneyard;
box-shadow: 0 0 0 2px rgba($neon-boneyard, 0.35);
}