10
blue-10
Carbon Blue 10
- HEX
#EDF5FF- RGB
rgb(237 245 255)- Black text
- 19.11:1
- White text
- 1.10:1
← Back to color catalog
Versioned blue-scale reference
Carbon Blue, calibrated from 10 to 100
Read the official Blue scale as one continuous system rather than ten disconnected swatches. Copy exact values, compare contrast, and locate Blue 60—the documented primary-action anchor.
- Scale steps
- 10 → 100
- Action anchor
- Blue 60 · #0F62FE
- Version
- 11.55.0
Source and scope
One official scale from one pinned package release.
This reference includes only the ten opaque sRGB Blue values exported by @carbon/colors 11.55.0. Hover values, other families, themes, and semantic aliases are outside its scope.
Hexees is an independent reference and is not affiliated with or endorsed by IBM or the Carbon Design System.
- Version
- @carbon/colors 11.55.0
- Source
- Versioned package export
- License
- Apache-2.0
Calibration strip
Move from the palest tint to the deepest blue.
The order follows the frozen package export. Every row exposes the same factual measurements, so visual weight—not card decoration—does the comparison work.
20
blue-20
Carbon Blue 20
- HEX
#D0E2FF- RGB
rgb(208 226 255)- Black text
- 16.00:1
- White text
- 1.31:1
30
blue-30
Carbon Blue 30
- HEX
#A6C8FF- RGB
rgb(166 200 255)- Black text
- 12.33:1
- White text
- 1.70:1
40
blue-40
Carbon Blue 40
- HEX
#78A9FF- RGB
rgb(120 169 255)- Black text
- 8.92:1
- White text
- 2.35:1
50
blue-50
Carbon Blue 50
- HEX
#4589FF- RGB
rgb(69 137 255)- Black text
- 6.28:1
- White text
- 3.35:1
60Primary action anchor
blue-60
Carbon Blue 60
- HEX
#0F62FE- RGB
rgb(15 98 254)- Black text
- 4.20:1
- White text
- 5.00:1
70
blue-70
Carbon Blue 70
- HEX
#0043CE- RGB
rgb(0 67 206)- Black text
- 2.69:1
- White text
- 7.79:1
80
blue-80
Carbon Blue 80
- HEX
#002D9C- RGB
rgb(0 45 156)- Black text
- 1.86:1
- White text
- 11.32:1
90
blue-90
Carbon Blue 90
- HEX
#001D6C- RGB
rgb(0 29 108)- Black text
- 1.39:1
- White text
- 15.08:1
100
blue-100
Carbon Blue 100
- HEX
#001141- RGB
rgb(0 17 65)- Black text
- 1.16:1
- White text
- 18.16:1
Use with evidence
A design-system role is not a contrast guarantee.
Carbon documents Blue 60 as its primary-action enabled color. That role belongs to the cited system version; it does not make every foreground, font size, border, state, or adjacent surface accessible.
Test the actual component and all hover, focus, selected, disabled, high-contrast, and non-text states. Do not communicate meaning through blue alone.
Open the contrast checker →