#228CCB

À propos de cette couleur

#228CCB est un bleu moyennement foncé et moyennement saturé. En OKLCH, sa luminosité est de 61 %, son chroma de 0.132 et sa teinte de 241°. Sa teinte se situe du côté froid du cercle chromatique. La couleur nommée la plus proche est Water Blue (#0E87CC), à une distance de ΔE 0.017. Le texte noir y est le plus lisible, avec un rapport de 5.68:1.

Valeurs

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.

Teintes et nuances

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 500.

1. Palier 50

   50

   #F1F6FB

   oklch(97.1% 0.009 247.9)

2. Palier 100

   100

   #DFECF5

   oklch(93.6% 0.018 237.8)

3. Palier 200

   200

   #C5DDEF

   oklch(88.5% 0.036 240.3)

4. Palier 300

   300

   #9CC7E7

   oklch(81% 0.064 240.8)

5. Palier 400

   400

   #62A9DB

   oklch(70.8% 0.103 241)

6. Palier 500

   500 (cette couleur)

   #228CCB

   oklch(61.3% 0.132 241.2)

7. Palier 600

   600

   #007BB8

   oklch(55.7% 0.13 241.1)

8. Palier 700

   700

   #00679B

   oklch(49.1% 0.115 241)

9. Palier 800

   800

   #005480

   oklch(42.6% 0.1 241.3)

10. Palier 900

    900

    #04466B

    oklch(37.7% 0.086 241.5)

11. Palier 950

    950

    #08293E

    oklch(26.9% 0.054 241.2)

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

#228CCB 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.

Harmonies

Rotations de teinte en OKLCH qui conservent la luminosité et le chroma de cette couleur.

Palettes avec cette couleur

Palettes sélectionnées contenant une couleur à moins de ΔE 0,04 (OKLab) de #228CCB, les plus proches d’abord.

• Compass Advisory
• Vector Grid
• Popsicle Break
• Watermelon Break
• Watermelon Fruit
• Hibiscus Break

Couleurs nommées similaires

Les huit entrées les plus proches de notre liste de couleurs nommées, avec leur distance ΔE.

• Water Blue #0E87CC ΔE 0.017
• Cool Blue #4984B8 ΔE 0.037
• Blue NCS #118AB2 ΔE 0.040
• Steel Blue #4682B4 ΔE 0.042
• Dark Sky Blue #448EE4 ΔE 0.045
• Off Blue #5684AE ΔE 0.053
• Windows Blue #3778BF ΔE 0.055
• Faded Blue #658CBB ΔE 0.056