Najbliższy nazwany kolor · #27186C
#27186C
Najbliższy nazwany kolor: Infinite Inkwell
#27186C (rgb(39 24 108), hsl(251 64% 26%), oklch(0.293 0.136 282.2)) jest najbliższy nazwanemu kolorowi Infinite Inkwell. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#27186C
oklch(0.293 0.136 282.2)
Konwersje koloru
- HEX
- #27186c
- RGB
- rgb(39 24 108)
- HSL
- hsl(251 64% 26%)
- HWB
- hwb(251 9% 58%)
- OKLCH
- oklch(0.293 0.136 282.2)
- OKLab
- oklab(0.293 0.029 -0.133)
- CIE Lab
- lab(15.57 27.6 -47.2)
- LCH
- lch(15.57 54.68 300.3)
- CMYK
- cmyk(64% 78% 0% 58%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 37317B
- 49478B
- 5D5D9A
- 7173A8
- 8789B7
- 9EA0C6
- B5B7D4
- CDCFE2
- E6E7F1
Odcienie ciemniejsze
- 20135D
- 1A0F4E
- 140A40
- 0E0732
- 080425
- 040219
- 02010D
- 010004
- 000000
Tony
- 2E256F
- 353172
- 3D3B75
- 454577
- 4E4F79
- 58597B
- 61637D
- 6B6D7E
- 76767F
Harmonie kolorów
Komplementarna +180°
- 27186C
Infinite Inkwell
- 322D00
≈ Secret Passage
Analogowa -30° +30°
- 27186C
Infinite Inkwell
- 002C56
≈ Dark Tyrian Blue
- 42075B
≈ Ripe Plum
Triada +120° +240°
- 27186C
Infinite Inkwell
- 4E1800
≈ Chocolate Rush
- 003622
≈ Off-Road Green
Komplementarna rozszczepiona +150° +210°
- 27186C
Infinite Inkwell
- 3F2600
≈ Blackened Brown
- 1C3400
≈ Blind Forest
Tetrada +90° +180° +270°
- 27186C
Infinite Inkwell
- 58001C
≈ Bloedworst
- 322D00
≈ Secret Passage
- 003433
≈ Nora’s Forest
Kontrast i dostępność
Ag
AAANa bieli
WCAG 14.64:1 · APCA Lc 101
Ag
FailNa czerni
WCAG 1.43:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 14.64:1 (AAA) · APCA Lc 101
Contrast pairs
Fragmenty kodu
CSS
:root {
--infinite-inkwell: #27186c;
--infinite-inkwell-rgb: 39 24 108;
--infinite-inkwell-oklch: oklch(0.293 0.136 282.2);
}
.element {
color: var(--infinite-inkwell);
background-color: hsl(251 64% 26%);
border-color: oklch(0.293 0.136 282.2);
}Tailwind CSS v4
@theme {
--color-infinite-inkwell: #27186c;
--color-infinite-inkwell-50: #f0f1ff;
--color-infinite-inkwell-100: #e2e3ff;
--color-infinite-inkwell-200: #cdcdff;
--color-infinite-inkwell-300: #afaefb;
--color-infinite-inkwell-400: #9293ec;
--color-infinite-inkwell-500: #7a78dd;
--color-infinite-inkwell-600: #6765ba;
--color-infinite-inkwell-700: #525196;
--color-infinite-inkwell-800: #3a3b70;
--color-infinite-inkwell-900: #28294f;
--color-infinite-inkwell-950: #161635;
}SCSS
$infinite-inkwell: #27186c;
$infinite-inkwell-rgb: 39, 24, 108;
$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);
}