Nazwany kolor · #220088
Orbital Kingdom
Orbital Kingdom to #220088: rgb(34 0 136), hsl(255 100% 27%), oklch(0.3 0.187 276.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Orbital Kingdom color name →
#220088
oklch(0.3 0.187 276.1)
Konwersje koloru
- HEX
- #220088
- RGB
- rgb(34 0 136)
- HSL
- hsl(255 100% 27%)
- HWB
- hwb(255 0% 47%)
- OKLCH
- oklch(0.3 0.187 276.1)
- OKLab
- oklab(0.3 0.02 -0.186)
- CIE Lab
- lab(14.67 44 -66.63)
- LCH
- lch(14.67 79.84 303.4)
- CMYK
- cmyk(75% 100% 0% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2F2A96
- 4045A3
- 535CB0
- 6973BC
- 808AC8
- 98A1D4
- B0B8DF
- CAD0EA
- E4E7F5
Odcienie ciemniejsze
- 1C0075
- 160063
- 110052
- 0B0041
- 070031
- 030022
- 010013
- 000006
- 000001
Tony
- 271C89
- 2D2C89
- 353989
- 3E4589
- 484F89
- 525A88
- 5D6487
- 686D85
- 747783
Harmonie kolorów
Komplementarna +180°
- 220088
Orbital Kingdom
- 372D00
≈ Secret Passage
Analogowa -30° +30°
- 220088
Orbital Kingdom
- 003052
≈ Indigo Black
- 420069
≈ Obsidian Shell
Triada +120° +240°
- 220088
Orbital Kingdom
- 561200
≈ Baragon Brown
- 00381E
≈ Off-Road Green
Komplementarna rozszczepiona +150° +210°
- 220088
Orbital Kingdom
- 442600
≈ Ibex Brown
- 243400
≈ Blind Forest
Tetrada +90° +180° +270°
- 220088
Orbital Kingdom
- 5A0024
≈ Fig Balsamic
- 372D00
≈ Secret Passage
- 003632
≈ Night Turquoise
Kontrast i dostępność
Ag
AAANa bieli
WCAG 14.75:1 · APCA Lc 100
Ag
FailNa czerni
WCAG 1.42:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 14.75:1 (AAA) · APCA Lc 100
Contrast pairs
Fragmenty kodu
CSS
:root {
--orbital-kingdom: #220088;
--orbital-kingdom-rgb: 34 0 136;
--orbital-kingdom-oklch: oklch(0.3 0.187 276.1);
}
.element {
color: var(--orbital-kingdom);
background-color: hsl(255 100% 27%);
border-color: oklch(0.3 0.187 276.1);
}Tailwind CSS v4
@theme {
--color-orbital-kingdom: #220088;
--color-orbital-kingdom-50: #e8f1ff;
--color-orbital-kingdom-100: #d9e2ff;
--color-orbital-kingdom-200: #c1ccff;
--color-orbital-kingdom-300: #a2acff;
--color-orbital-kingdom-400: #8390ff;
--color-orbital-kingdom-500: #6972ff;
--color-orbital-kingdom-600: #5961d7;
--color-orbital-kingdom-700: #474dad;
--color-orbital-kingdom-800: #303982;
--color-orbital-kingdom-900: #21275c;
--color-orbital-kingdom-950: #11143f;
}SCSS
$orbital-kingdom: #220088;
$orbital-kingdom-rgb: 34, 0, 136;
$orbital-kingdom-light: mix(#fff, $orbital-kingdom, 20%);
$orbital-kingdom-dark: mix(#000, $orbital-kingdom, 20%);
.element {
color: $orbital-kingdom;
box-shadow: 0 0 0 2px rgba($orbital-kingdom, 0.35);
}