En yakın adlandırılmış renk · #E3BEFF
#E3BEFF
En yakın adlandırılmış renk: Neon Boneyard
#E3BEFF (rgb(227 190 255), hsl(274 100% 87%), oklch(0.855 0.097 310.2)) en çok Neon Boneyard adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#E3BEFF
oklch(0.855 0.097 310.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E6C5FF
- E9CBFF
- EBD2FF
- EED8FF
- F1DFFF
- F4E5FF
- F7ECFF
- F9F2FF
- FCF9FF
Koyu tonlar
- C5A5DE
- A88CBE
- 8C759E
- 715E80
- 574863
- 3F3348
- 271F2E
- 120D16
- 030203
Gri tonlar
- D9B8F2
- CEB2E5
- C4ABD8
- BAA5CB
- B09FBE
- A699B1
- 9D93A5
- 938C98
- 89868C
Renk uyumları
Tamamlayıcı +180°
- E3BEFF
Neon Boneyard
- BADD99
≈ Basil Smash
Analog -30° +30°
- E3BEFF
Neon Boneyard
- C5CBFF
≈ Lavender Blue
- FBB7E3
≈ Hot Aquarelle Pink
Üçlü +120° +240°
- E3BEFF
Neon Boneyard
- F8C589
≈ Arts & Crafts Gold
- 7DE4DD
≈ Turquoise Chalk
Bölünmüş tamamlayıcı +150° +210°
- E3BEFF
Neon Boneyard
- DED186
≈ Treasury
- 96E3BA
≈ Green Gum
Dörtlü +90° +180° +270°
- E3BEFF
Neon Boneyard
- FFBEA7
≈ Porcellana
- BADD99
≈ Basil Smash
- 82DEFB
≈ Tranquil Pool
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.60:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.07:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.07:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
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);
}