色名 · #DFC5FE
Neon Boneyard
Neon Boneyardは#DFC5FE：rgb(223 197 254)、hsl(267 97% 88%)、oklch(0.864 0.082 305.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Purple mean? → · Neon Boneyard color name →
#DFC5FE
oklch(0.864 0.082 305.5)
カラー変換
- HEX
- #dfc5fe
- RGB
- rgb(223 197 254)
- HSL
- hsl(267 97% 88%)
- HWB
- hwb(267 77% 0%)
- OKLCH
- oklch(0.864 0.082 305.5)
- OKLab
- oklab(0.864 0.048 -0.067)
- CIE Lab
- lab(83.15 17.36 -24.68)
- LCH
- lch(83.15 30.17 305.1)
- CMYK
- cmyk(12% 22% 0% 0%)
ティント · シェード · トーン
ティント
- E2CBFE
- E5D1FF
- E9D6FF
- ECDCFF
- EFE2FF
- F2E8FF
- F5EEFF
- F9F3FF
- FCF9FF
シェード
- C2ABDD
- A592BD
- 8A799E
- 6F6180
- 564B63
- 3D3547
- 27212D
- 120E16
- 020203
トーン
- D5BEF1
- CBB7E4
- C2B0D7
- B8A9CA
- AEA2BD
- A59BB1
- 9B94A5
- 928E98
- 89878C
カラーハーモニー
補色 +180°
- DFC5FE
Neon Boneyard
- C5DCA1
≈ Frisky
類似色 -30° +30°
- DFC5FE
Neon Boneyard
- C5CFFF
≈ Lavender Blue
- F5BEE7
≈ Pretty in Pink
トライアド +120° +240°
- DFC5FE
Neon Boneyard
- F8C899
≈ Orpiment Yellow
- 92E4DA
≈ Sharbah Fizz
スプリットコンプリメンタリー +150° +210°
- DFC5FE
Neon Boneyard
- E2D294
≈ Garden Picket
- A7E3BB
≈ Bright Sea Green
テトラード +90° +180° +270°
- DFC5FE
Neon Boneyard
- FFC1B1
≈ Tropical Peach
- C5DCA1
≈ Frisky
- 91E0F4
≈ Photon Barrier
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.54:1 · APCA Lc 25
Ag
AAA黒の上
WCAG 13.55:1 · APCA Lc 78
最適な文字色: #000000
WCAG 13.55:1 (AAA) · APCA Lc 78
Contrast pairs
コードスニペット
CSS
:root {
--neon-boneyard: #dfc5fe;
--neon-boneyard-rgb: 223 197 254;
--neon-boneyard-oklch: oklch(0.864 0.082 305.5);
}
.element {
color: var(--neon-boneyard);
background-color: hsl(267 97% 88%);
border-color: oklch(0.864 0.082 305.5);
}Tailwind CSS v4
@theme {
--color-neon-boneyard: #dfc5fe;
--color-neon-boneyard-50: #fbefff;
--color-neon-boneyard-100: #efe1fe;
--color-neon-boneyard-200: #deccf0;
--color-neon-boneyard-300: #c3add9;
--color-neon-boneyard-400: #aa92c6;
--color-neon-boneyard-500: #9378b2;
--color-neon-boneyard-600: #7c6696;
--color-neon-boneyard-700: #645178;
--color-neon-boneyard-800: #483b5a;
--color-neon-boneyard-900: #32293f;
--color-neon-boneyard-950: #1e1628;
}SCSS
$neon-boneyard: #dfc5fe;
$neon-boneyard-rgb: 223, 197, 254;
$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);
}