Colore con nome · #4400EE
Poseidon’s Territory
Poseidon’s Territory è #4400EE: rgb(68 0 238), hsl(257 100% 47%), oklch(0.456 0.283 276.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Poseidon’s Territory color name →
#4400EE
oklch(0.456 0.283 276.5)
Conversioni di colore
- HEX
- #4400ee
- RGB
- rgb(68 0 238)
- HSL
- hsl(257 100% 47%)
- HWB
- hwb(257 0% 7%)
- OKLCH
- oklch(0.456 0.283 276.5)
- OKLab
- oklab(0.456 0.032 -0.281)
- CIE Lab
- lab(30.57 66.71 -100.69)
- LCH
- lch(30.57 120.78 303.5)
- CMYK
- cmyk(71% 100% 0% 7%)
Tinte · Ombre · Toni
Tinte
- 4E3DF2
- 5B5AF6
- 6B73FA
- 7D89FD
- 909DFF
- A5B2FF
- BAC5FF
- D1D9FF
- E8ECFF
Ombre
- 3A00CF
- 3000B1
- 260093
- 1D0077
- 14005C
- 0C0042
- 05002A
- 020014
- 000003
Toni
- 452CE4
- 483EDA
- 4C4CD0
- 5157C6
- 5860BB
- 5F68B0
- 666FA5
- 6F7599
- 777B8D
Armonie di colore
Complementare +180°
- 4400EE
Poseidon’s Territory
- 665600
≈ Ayahuasca Vine
Analogo -30° +30°
- 4400EE
Poseidon’s Territory
- 005A94
≈ Jetski Race
- 7900B9
≈ Violet Poison
Triadico +120° +240°
- 4400EE
Poseidon’s Territory
- 9A2900
≈ Smoking Red
- 00683C
≈ Frog Green
Complementare divisa +150° +210°
- 4400EE
Poseidon’s Territory
- 7C4900
≈ Dried Mustard
- 466200
≈ Camouflage Green
Tetradico +90° +180° +270°
- 4400EE
Poseidon’s Territory
- A10046
≈ Cherry Plum
- 665600
≈ Ayahuasca Vine
- 00655E
≈ Arizona Stone
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.46:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.48:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 8.46:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--poseidon-s-territory: #4400ee;
--poseidon-s-territory-rgb: 68 0 238;
--poseidon-s-territory-oklch: oklch(0.456 0.283 276.5);
}
.element {
color: var(--poseidon-s-territory);
background-color: hsl(257 100% 47%);
border-color: oklch(0.456 0.283 276.5);
}Tailwind CSS v4
@theme {
--color-poseidon-s-territory: #4400ee;
--color-poseidon-s-territory-50: #e2edff;
--color-poseidon-s-territory-100: #d3deff;
--color-poseidon-s-territory-200: #bbc5ff;
--color-poseidon-s-territory-300: #9ba0ff;
--color-poseidon-s-territory-400: #7c7eff;
--color-poseidon-s-territory-500: #6751ff;
--color-poseidon-s-territory-600: #5747ff;
--color-poseidon-s-territory-700: #4539d5;
--color-poseidon-s-territory-800: #2d2aa1;
--color-poseidon-s-territory-900: #1e1d72;
--color-poseidon-s-territory-950: #100950;
}SCSS
$poseidon-s-territory: #4400ee;
$poseidon-s-territory-rgb: 68, 0, 238;
$poseidon-s-territory-light: mix(#fff, $poseidon-s-territory, 20%);
$poseidon-s-territory-dark: mix(#000, $poseidon-s-territory, 20%);
.element {
color: $poseidon-s-territory;
box-shadow: 0 0 0 2px rgba($poseidon-s-territory, 0.35);
}