Design System Color Reference

Ant Design Geekblue 8 Color Code

Ant Design Geekblue 8·#10239E

Blue FamilyCoolDark toneHigh saturationoklch(35.3% 0.194 266)
HEX
#10239EPrimary token
RGB
rgb(16, 35, 158)Screen values
HSL
hsl(232 82% 34%)Hue and lightness
CMYK
90, 78, 0, 38Print handoff
LAB
23, 42, -67Perceptual reference
OKLCH
oklch(35.3% 0.194 266)Modern perceptual

Ant Design Geekblue 8 is a deeper geekblue step in the Ant Design palette at #10239E. Use it when you need a darker, more structural geekblue for navigation, pressed states, enterprise tools, and product shells that should feel cooler and denser than Geekblue 7.

Best text colorWhite text
Body text contrast11.96:1
Best UsePressed enterprise states, dense navigation, and deeper Ant geekblue structure

Tonal Scale

100#D4D7EE
300#919AD2
500#3B4BAF
600#10239E
800#0C1972

Contrast Checks

White text on this color

Buttons, badges, and filled actions.

11.96:1AAA-level contrast

Dark text on this color

Large headings and selective UI.

1.43:1Needs more separation

This color on light surface

Links, borders, and icons on light UI.

11.36:1AAA-level contrast
Best text colorWhite textContrast 11.96:1

Professional Reference

OKLCHoklch(35.3% 0.194 266)
Relative Luminance0.0378
Source TypeDesign System Color
Classification
Blue FamilyCoolDark toneHigh saturation
Source Context
Source Type
Design System Color
System
Ant Design
Closest Matches
Material Deep Purple 900Tailwind Indigo 800Material Deep Purple 800

Accessibility Matrix

White text on this color

White text placed on the current color.

11.96:1AAA

Dark text on this color

Dark text or headings on the current color.

1.43:1Needs more separation

This color on light surface

Use this color for links, strokes, or icons on light UI.

11.36:1AAA

This color on dark surface

Use this color inside dark shells for strokes, tags, or icons.

1.43:1Needs more separation
Best text colorWhite textContrast 11.96:1 · AAA

Where It Works

  • Navigation, pressed states, and denser enterprise surfaces.
  • Deeper than Geekblue 7, cooler than standard blue.
  • Pairs with white, slate neutrals, and indigo-led accents.

Reference Notes

Last Updated
2026-06-09
Source Library
Ant Design Colors
Methodology
Verified source values + site guidance
Color Notes

Ant Design Geekblue 8 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

CSS Variables
:root {
  --color-ant-design-geekblue-8: #10239E;
  --color-ant-design-geekblue-8-rgb: 16 35 158;
}
Utility Class
class="bg-[#10239E] text-white"
class="hover:bg-[#0C1972] ring-1 ring-[#10239E]"
JSON Token
{
  "antDesignGeekblue-8": "#10239E",
  "antDesignGeekblue-8Rgb": [16, 35, 158],
  "antDesignGeekblue-8Hsl": [232, 82, 34]
}