Steel Blue #4682B4

Steel Blue est un bleu moyennement foncé et moyennement saturé, de code hex #4682B4 et de valeur RGB rgb(70, 130, 180).

Aa

Le texte noir est le plus lisible sur cette couleur (5.11:1).

À propos de cette couleur

#4682B4 est un bleu moyennement foncé et moyennement saturé. En OKLCH, sa luminosité est de 59 %, son chroma de 0.099 et sa teinte de 246°. Sa teinte se situe du côté froid du cercle chromatique. C’est la couleur nommée Steel Blue. Le texte noir y est le plus lisible, avec un rapport de 5.11:1.

Famille de teinteBleus
Luminositémoyennement foncé (59%)
Chromamoyennement saturé (0.099)
Températurefroid
Nom le plus procheSteel Blue
Texte noir5.11:1
Texte blanc4.10:1

Couleurs qui vont avec Steel Blue

Accords obtenus en faisant tourner Steel 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 Steel Blue

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

Couleurs nommées similaires

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

En savoir plus sur Steel Blue

Comment obtenir Steel 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.

  • 2 parts de bleu
  • 2 parts de gris
  • 1 part de blanc

Résultat de la recette : #487EA8, un écart de ΔE 0.019 par rapport à Steel Blue. C’est très proche : la plupart des gens ne verront pas la différence.

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

Codes de Steel Blue dans tous les formats

HEX#4682B4
RGBrgb(70, 130, 180)
HSLhsl(207, 44%, 49%)
OKLCHoklch(58.8% 0.099 245.7)

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 #4682B4 4.10:1 AA grand texte Lc -73.5 Texte de contenu, pas pour la lecture longue
Texte noir sur #4682B4 5.11:1 AA Lc 36.1 Éléments non textuels, texte indicatif
Texte #4682B4 sur blanc 4.10:1 AA grand texte Lc 68.0 Texte de contenu, pas pour la lecture longue
Texte #4682B4 sur noir 5.11:1 AA Lc -33.6 Éléments non textuels, texte indicatif

Teintes et nuances de Steel 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

    #F2F6F9

    oklch(97.1% 0.006 239.8)

  2. Palier 100

    100

    #E3EBF2

    oklch(93.6% 0.013 244.3)

  3. Palier 200

    200

    #CCDBE9

    oklch(88.4% 0.025 246.2)

  4. Palier 300

    300

    #AAC4DC

    oklch(80.9% 0.044 246.2)

  5. Palier 400

    400

    #7BA6CB

    oklch(70.8% 0.072 245)

  6. Palier 500

    500

    #588FBE

    oklch(63.1% 0.092 245.7)

  7. Palier 600

    600 (cette couleur)

    #4682B4

    oklch(58.8% 0.099 245.7)

  8. Palier 700

    700

    #2E6592

    oklch(49.1% 0.093 246)

  9. Palier 800

    800

    #275376

    oklch(42.8% 0.076 245)

  10. Palier 900

    900

    #25455F

    oklch(37.8% 0.059 244.8)

  11. Palier 950

    950

    #162838

    oklch(26.9% 0.038 246.6)

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

Steel 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)#6C83B60.043
Deutéranopie (sans cônes verts)#5D78B30.034
Tritanopie (sans cônes bleus)#008E930.079
Achromatopsie (sans couleur)#7D7D7D0.099

Utilisez Steel 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.