Neon Blue #4361EE

Neon Blue est un bleu moyennement foncé et vif, de code hex #4361EE et de valeur RGB rgb(67, 97, 238).

Aa

Le texte blanc est le plus lisible sur cette couleur (5.02:1).

À propos de cette couleur

#4361EE est un bleu moyennement foncé et vif. En OKLCH, sa luminosité est de 56 %, son chroma de 0.214 et sa teinte de 269°. Sa teinte se situe du côté froid du cercle chromatique. C’est la couleur nommée Neon Blue. Le texte blanc y est le plus lisible, avec un rapport de 5.02:1.

Famille de teinteBleus
Luminositémoyennement foncé (56%)
Chromavif (0.214)
Températurefroid
Nom le plus procheNeon Blue
Texte noir4.18:1
Texte blanc5.02:1

Couleurs qui vont avec Neon Blue

Accords obtenus en faisant tourner Neon Blue sur la roue des teintes OKLCH, chacun nommé d’après l’entrée la plus proche de notre liste.

Complémentaire

La teinte opposée (180°).

Ouvrir la palette complémentaire dans le générateur

Analogue

Teintes voisines, 30° de chaque côté.

Ouvrir la palette analogue dans le générateur

Palettes de couleurs avec Neon Blue

Palettes sélectionnées contenant une couleur à moins de ΔE 0,06 (OKLab) de Neon Blue, les plus proches d’abord.

Couleurs nommées similaires

Les huit couleurs nommées les plus proches de Neon Blue, avec leur distance ΔE.

En savoir plus sur Neon Blue

Comment obtenir Neon Blue

Une recette de départ avec des couleurs de peinture courantes, calculée avec un modèle spectral de peinture (le mode peinture du mélangeur). Les vrais pigments varient : faites d’abord un petit essai, puis ajustez.

  • 3 parts de bleu
  • 1 part de blanc

Résultat de la recette : #2B64C4, un écart de ΔE 0.071 par rapport à Neon Blue. C’est proche ; ajoutez un peu plus de l’une des peintures pour l’égaler.

Quelles couleurs donnent le bleu ? | Tableau de mélange des couleurs

Codes de Neon Blue dans tous les formats

HEX#4361EE
RGBrgb(67, 97, 238)
HSLhsl(229, 83%, 60%)
OKLCHoklch(55.6% 0.214 269)

Contraste

Les rapports de contraste WCAG 2 sont la cible de conformité : AA exige 4,5:1 pour le texte courant et 3:1 pour le grand texte, AAA exige 7:1. Les valeurs APCA Lc sont un complément issu des brouillons de WCAG 3.

PaireWCAG 2RésultatAPCARecommandation APCA
Texte blanc sur #4361EE 5.02:1 AA Lc -79.5 Correct pour le texte courant
Texte noir sur #4361EE 4.18:1 AA grand texte Lc 30.0 Séparateurs et décoration uniquement
Texte #4361EE sur blanc 5.02:1 AA Lc 74.1 Texte de contenu, pas pour la lecture longue
Texte #4361EE sur noir 4.18:1 AA grand texte Lc -27.6 Séparateurs et décoration uniquement

Teintes et nuances de Neon Blue

Une échelle 50–950 construite en OKLCH : la teinte est conservée, la luminosité suit une courbe proche de Tailwind v4, et chaque palier reste dans le gamut sRGB. Cette couleur correspond au palier 600.

  1. Palier 50

    50

    #F2F5FE

    oklch(97% 0.012 271.3)

  2. Palier 100

    100

    #E2EAFD

    oklch(93.7% 0.027 267.5)

  3. Palier 200

    200

    #CAD8FE

    oklch(88.4% 0.055 269.3)

  4. Palier 300

    300

    #A7BEFF

    oklch(80.8% 0.096 269.2)

  5. Palier 400

    400

    #7A9AFF

    oklch(70.7% 0.152 269)

  6. Palier 500

    500

    #5A7CFF

    oklch(63% 0.198 269.1)

  7. Palier 600

    600 (cette couleur)

    #4361EE

    oklch(55.6% 0.214 269)

  8. Palier 700

    700

    #364FCF

    oklch(49.1% 0.199 269.1)

  9. Palier 800

    800

    #2C42A7

    oklch(42.7% 0.164 268.9)

  10. Palier 900

    900

    #273985

    oklch(37.7% 0.129 269.2)

  11. Palier 950

    950

    #17224E

    oklch(27% 0.082 269.6)

Exporter cette échelle pour Tailwind avec l’outil Couleurs Tailwind

Neon Blue et daltonisme

Simulé avec le modèle de Machado et al. (2009). ΔE indique de combien la couleur se déplace : en dessous d’environ 0,02, le changement passe inaperçu.

VisionPerçue commeÉcart (ΔE)
Protanopie (sans cônes rouges)#0077F30.056
Deutéranopie (sans cônes verts)#0067EB0.037
Tritanopie (sans cônes bleus)#00859E0.172
Achromatopsie (sans couleur)#6F6F6F0.215

Utilisez Neon Blue dans votre produit

Transformez-la en rôles d’interface clairs et sombres au contraste vérifié, puis exportez vers Tailwind v4, shadcn/ui, CSS ou design tokens.