Named color · #2F1064
Infinite Inkwell
Infinite Inkwell is #2F1064: rgb(47 16 100), hsl(262 72% 23%), oklch(0.283 0.134 292.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Infinite Inkwell color name →
#2F1064
oklch(0.283 0.134 292.2)
Color conversions
- HEX
- #2f1064
- RGB
- rgb(47 16 100)
- HSL
- hsl(262 72% 23%)
- HWB
- hwb(262 6% 61%)
- OKLCH
- oklch(0.283 0.134 292.2)
- OKLab
- oklab(0.283 0.051 -0.124)
- CIE Lab
- lab(14.27 31.25 -44.04)
- LCH
- lch(14.27 54 305.4)
- CMYK
- cmyk(53% 84% 0% 61%)
Tints · Shades · Tones
Tints
- 3F2A74
- 514184
- 645893
- 786EA3
- 8D85B2
- A39DC2
- B9B5D1
- D0CDE0
- E7E6F0
Shades
- 270C56
- 200948
- 19063B
- 12042E
- 0C0222
- 060116
- 03000B
- 010003
- 000000
Tones
- 351F68
- 3C2B6B
- 44366F
- 4C4172
- 544C75
- 5C5678
- 65617A
- 6E6B7C
- 77767E
Color harmonies
Complementary +180°
- 2F1064
Infinite Inkwell
- 2A2C00
≈ Darkest Forest
Analogous -30° +30°
- 2F1064
Infinite Inkwell
- 00206A
≈ Midnight Melancholia
- 46004F
≈ Clairvoyant
Triadic +120° +240°
- 2F1064
Infinite Inkwell
- 441D00
≈ Bath in Chocolate
- 003227
≈ Pitch-Black Forests
Split-complementary +150° +210°
- 2F1064
Infinite Inkwell
- 382600
≈ Secret Passage
- 013400
≈ Serpentine Shadow
Tetradic +90° +180° +270°
- 2F1064
Infinite Inkwell
- 55000C
≈ Saving Light
- 2A2C00
≈ Darkest Forest
- 003034
≈ Roof Tile Green
Contrast & accessibility
Ag
AAAOn white
WCAG 15.22:1 · APCA Lc 101
Ag
FailOn black
WCAG 1.37:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 15.22:1 (AAA) · APCA Lc 101
Contrast pairs
Code snippets
CSS
:root {
--infinite-inkwell: #2f1064;
--infinite-inkwell-rgb: 47 16 100;
--infinite-inkwell-oklch: oklch(0.283 0.134 292.2);
}
.element {
color: var(--infinite-inkwell);
background-color: hsl(262 72% 23%);
border-color: oklch(0.283 0.134 292.2);
}Tailwind CSS v4
@theme {
--color-infinite-inkwell: #2f1064;
--color-infinite-inkwell-50: #f7eeff;
--color-infinite-inkwell-100: #eae0ff;
--color-infinite-inkwell-200: #d7caff;
--color-infinite-inkwell-300: #bbaaf5;
--color-infinite-inkwell-400: #a18fe7;
--color-infinite-inkwell-500: #8a72d6;
--color-infinite-inkwell-600: #7461b5;
--color-infinite-inkwell-700: #5d4e91;
--color-infinite-inkwell-800: #43396d;
--color-infinite-inkwell-900: #2e274d;
--color-infinite-inkwell-950: #1b1533;
}SCSS
$infinite-inkwell: #2f1064;
$infinite-inkwell-rgb: 47, 16, 100;
$infinite-inkwell-light: mix(#fff, $infinite-inkwell, 20%);
$infinite-inkwell-dark: mix(#000, $infinite-inkwell, 20%);
.element {
color: $infinite-inkwell;
box-shadow: 0 0 0 2px rgba($infinite-inkwell, 0.35);
}