Nearest named color · #26216B
#26216B
Nearest named color: Intergalactic Cowboy
#26216B (rgb(38 33 107), hsl(244 53% 27%), oklch(0.306 0.124 279.2)) is closest to the named color Intergalactic Cowboy. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#26216B
oklch(0.306 0.124 279.2)
Color conversions
- HEX
- #26216b
- RGB
- rgb(38 33 107)
- HSL
- hsl(244 53% 27%)
- HWB
- hwb(244 13% 58%)
- OKLCH
- oklch(0.306 0.124 279.2)
- OKLab
- oklab(0.306 0.02 -0.122)
- CIE Lab
- lab(17.52 21.61 -43.36)
- LCH
- lch(17.52 48.45 296.5)
- CMYK
- cmyk(64% 69% 0% 58%)
Tints · Shades · Tones
Tints
- 36377A
- 494C89
- 5D6198
- 7277A7
- 888DB6
- 9EA3C5
- B5B9D3
- CDD0E2
- E6E7F0
Shades
- 201B5C
- 19164E
- 13103F
- 0D0B32
- 080625
- 040318
- 02010D
- 010004
- 000000
Tones
- 2D2C6E
- 353671
- 3D4074
- 464976
- 4F5278
- 585C7A
- 62657C
- 6C6E7E
- 76777F
Color harmonies
Complementary +180°
- 26216B
Intergalactic Cowboy
- 372F00
≈ Swamp of Sorrows
Analogous -30° +30°
- 26216B
Intergalactic Cowboy
- 003158
≈ Effervescent Blue
- 41145D
≈ Obsidian Shell
Triadic +120° +240°
- 26216B
Intergalactic Cowboy
- 561700
≈ Baragon Brown
- 003A22
≈ Off-Road Green
Split-complementary +150° +210°
- 26216B
Intergalactic Cowboy
- 442800
≈ Ibex Brown
- 223700
≈ Blind Forest
Tetradic +90° +180° +270°
- 26216B
Intergalactic Cowboy
- 5D0022
≈ Baal Red Wash
- 372F00
≈ Swamp of Sorrows
- 003835
≈ Night Turquoise
Contrast & accessibility
Ag
AAAOn white
WCAG 13.88:1 · APCA Lc 100
Ag
FailOn black
WCAG 1.51:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 13.88:1 (AAA) · APCA Lc 100
Contrast pairs
Code snippets
CSS
:root {
--intergalactic-cowboy: #26216b;
--intergalactic-cowboy-rgb: 38 33 107;
--intergalactic-cowboy-oklch: oklch(0.306 0.124 279.2);
}
.element {
color: var(--intergalactic-cowboy);
background-color: hsl(244 53% 27%);
border-color: oklch(0.306 0.124 279.2);
}Tailwind CSS v4
@theme {
--color-intergalactic-cowboy: #26216b;
--color-intergalactic-cowboy-50: #eef2ff;
--color-intergalactic-cowboy-100: #e0e4ff;
--color-intergalactic-cowboy-200: #cacfff;
--color-intergalactic-cowboy-300: #acb0f6;
--color-intergalactic-cowboy-400: #8f96e6;
--color-intergalactic-cowboy-500: #767bd6;
--color-intergalactic-cowboy-600: #6468b5;
--color-intergalactic-cowboy-700: #505391;
--color-intergalactic-cowboy-800: #383d6d;
--color-intergalactic-cowboy-900: #262a4c;
--color-intergalactic-cowboy-950: #151733;
}SCSS
$intergalactic-cowboy: #26216b;
$intergalactic-cowboy-rgb: 38, 33, 107;
$intergalactic-cowboy-light: mix(#fff, $intergalactic-cowboy, 20%);
$intergalactic-cowboy-dark: mix(#000, $intergalactic-cowboy, 20%);
.element {
color: $intergalactic-cowboy;
box-shadow: 0 0 0 2px rgba($intergalactic-cowboy, 0.35);
}