Màu có tên gần nhất · #E3BEFF
#E3BEFF
Màu có tên gần nhất: Neon Boneyard
#E3BEFF (rgb(227 190 255), hsl(274 100% 87%), oklch(0.855 0.097 310.2)) gần nhất với màu có tên Neon Boneyard. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#E3BEFF
oklch(0.855 0.097 310.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E6C5FF
- E9CBFF
- EBD2FF
- EED8FF
- F1DFFF
- F4E5FF
- F7ECFF
- F9F2FF
- FCF9FF
Sắc đậm
- C5A5DE
- A88CBE
- 8C759E
- 715E80
- 574863
- 3F3348
- 271F2E
- 120D16
- 030203
Sắc xám
- D9B8F2
- CEB2E5
- C4ABD8
- BAA5CB
- B09FBE
- A699B1
- 9D93A5
- 938C98
- 89868C
Hòa sắc
Bổ túc +180°
- E3BEFF
Neon Boneyard
- BADD99
≈ Basil Smash
Tương đồng -30° +30°
- E3BEFF
Neon Boneyard
- C5CBFF
≈ Lavender Blue
- FBB7E3
≈ Hot Aquarelle Pink
Bộ ba +120° +240°
- E3BEFF
Neon Boneyard
- F8C589
≈ Arts & Crafts Gold
- 7DE4DD
≈ Turquoise Chalk
Bổ túc chia +150° +210°
- E3BEFF
Neon Boneyard
- DED186
≈ Treasury
- 96E3BA
≈ Green Gum
Bộ bốn +90° +180° +270°
- E3BEFF
Neon Boneyard
- FFBEA7
≈ Porcellana
- BADD99
≈ Basil Smash
- 82DEFB
≈ Tranquil Pool
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.60:1 · APCA Lc 27
Ag
AAATrên nền đen
WCAG 13.07:1 · APCA Lc 76
Màu chữ tốt nhất: #000000
WCAG 13.07:1 (AAA) · APCA Lc 76
Contrast pairs
Đoạn mã
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);
}