Couleur nommée la plus proche · #E3BEFF
#E3BEFF
Couleur nommée la plus proche: Neon Boneyard
#E3BEFF (rgb(227 190 255), hsl(274 100% 87%), oklch(0.855 0.097 310.2)) est la plus proche de la couleur nommée Neon Boneyard. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E3BEFF
oklch(0.855 0.097 310.2)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- E6C5FF
- E9CBFF
- EBD2FF
- EED8FF
- F1DFFF
- F4E5FF
- F7ECFF
- F9F2FF
- FCF9FF
Ombres
- C5A5DE
- A88CBE
- 8C759E
- 715E80
- 574863
- 3F3348
- 271F2E
- 120D16
- 030203
Tons
- D9B8F2
- CEB2E5
- C4ABD8
- BAA5CB
- B09FBE
- A699B1
- 9D93A5
- 938C98
- 89868C
Harmonies de couleurs
Complémentaire +180°
- E3BEFF
Neon Boneyard
- BADD99
≈ Basil Smash
Analogue -30° +30°
- E3BEFF
Neon Boneyard
- C5CBFF
≈ Lavender Blue
- FBB7E3
≈ Hot Aquarelle Pink
Triadique +120° +240°
- E3BEFF
Neon Boneyard
- F8C589
≈ Arts & Crafts Gold
- 7DE4DD
≈ Turquoise Chalk
Complémentaire divisée +150° +210°
- E3BEFF
Neon Boneyard
- DED186
≈ Treasury
- 96E3BA
≈ Green Gum
Tétradique +90° +180° +270°
- E3BEFF
Neon Boneyard
- FFBEA7
≈ Porcellana
- BADD99
≈ Basil Smash
- 82DEFB
≈ Tranquil Pool
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.60:1 · APCA Lc 27
Ag
AAASur noir
WCAG 13.07:1 · APCA Lc 76
Meilleure couleur de texte: #000000
WCAG 13.07:1 (AAA) · APCA Lc 76
Contrast pairs
Extraits de code
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);
}