HEX
#2F54EBPrimary tokenDesign System Color Reference
Ant Design Geekblue 6 Color Code
Ant Design Geekblue 6·#2F54EB
Blue FamilyCoolMid toneHigh saturationoklch(52.2% 0.230 267)
RGB
rgb(47, 84, 235)Screen valuesHSL
hsl(228 82% 55%)Hue and lightnessCMYK
80, 64, 0, 8Print handoffLAB
43, 41, -79Perceptual referenceOKLCH
oklch(52.2% 0.230 267)Modern perceptualAnt Design Geekblue 6 is the core geekblue step in the Ant Design palette at #2F54EB. Use it when you need a cooler, slightly more violet enterprise blue for navigation, tool-heavy products, and interfaces that should feel more technical than Ant Design Blue 6.
Best text colorWhite text
Body text contrast5.85:1
Best UseEnterprise navigation, dense tools, and cooler blue-violet actions
Tonal Scale
100#DAE0FB
300#9FB0F6
500#5473EF
600#2F54EB
800#223CA9
Contrast Checks
White text on this color
Buttons, badges, and filled actions.
5.85:1Safe for body text
Dark text on this color
Large headings and selective UI.
2.93:1Needs more separation
This color on light surface
Links, borders, and icons on light UI.
5.56:1Safe for body text
Best text colorWhite textContrast 5.85:1
Professional Reference
OKLCHoklch(52.2% 0.230 267)
Relative Luminance0.1294
Source TypeDesign System Color
Classification
Blue FamilyCoolMid toneHigh saturation
Source Context
Source Type
Design System Color
System
Ant Design
Closest Matches
Material Blue A700Material Indigo A400Tailwind Blue 700
Accessibility Matrix
White text on this color
White text placed on the current color.
5.85:1AA
Dark text on this color
Dark text or headings on the current color.
2.93:1Needs more separation
This color on light surface
Use this color for links, strokes, or icons on light UI.
5.56:1AA
This color on dark surface
Use this color inside dark shells for strokes, tags, or icons.
2.93:1Needs more separation
Best text colorWhite textContrast 5.85:1 · AA
Where It Works
- Navigation, dense tools, and cooler enterprise actions.
- More technical and violet-leaning than Ant Blue 6.
- Pairs with white, slate neutrals, and indigo anchors.
Reference Notes
Last Updated
2026-06-09
Source Library
Ant Design Colors
Methodology
Verified source values + site guidance
Color Notes
Ant Design Geekblue 6 is sourced from the published Ant Design Colors library and retained here as a searchable reference swatch for product, interface, and branding work.
Hue Family
Trust-building blues for enterprise and SaaS.
Source Collections
Design System Palettes
Related Colors
Palette Starting Points
Implementation Snippets
:root {
--color-ant-design-geekblue-6: #2F54EB;
--color-ant-design-geekblue-6-rgb: 47 84 235;
}class="bg-[#2F54EB] text-white"
class="hover:bg-[#223CA9] ring-1 ring-[#2F54EB]"{
"antDesignGeekblue-6": "#2F54EB",
"antDesignGeekblue-6Rgb": [47, 84, 235],
"antDesignGeekblue-6Hsl": [228, 82, 55]
}