Colore con nome · #082599
Deepsea Kraken
Deepsea Kraken è #082599: rgb(8 37 153), hsl(228 90% 32%), oklch(0.348 0.187 264.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Deepsea Kraken color name →
#082599
oklch(0.348 0.187 264.9)
Conversioni di colore
- HEX
- #082599
- RGB
- rgb(8 37 153)
- HSL
- hsl(228 90% 32%)
- HWB
- hwb(228 3% 40%)
- OKLCH
- oklch(0.348 0.187 264.9)
- OKLab
- oklab(0.348 -0.017 -0.187)
- CIE Lab
- lab(21.25 30.45 -66.29)
- LCH
- lch(21.25 72.95 294.7)
- CMYK
- cmyk(95% 76% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 1C3FA5
- 3256B0
- 496CBC
- 6181C6
- 7A95D1
- 93AADB
- ADBFE4
- C8D4EE
- E3EAF7
Ombre
- 061F84
- 041970
- 03135D
- 020D4A
- 010838
- 010427
- 000217
- 000008
- 000001
Toni
- 123398
- 1E3E96
- 2A4895
- 365193
- 425A91
- 4E628E
- 5A6A8B
- 677188
- 737984
Armonie di colore
Complementare +180°
- 082599
Deepsea Kraken
- 4B3600
≈ Night in the Woods
Analogo -30° +30°
- 082599
Deepsea Kraken
- 003F5B
≈ Maniac Mansion
- 47048E
≈ Grim Purple
Triadico +120° +240°
- 082599
Deepsea Kraken
- 72000E
≈ Barolo
- 00480D
≈ British Racing Green
Complementare divisa +150° +210°
- 082599
Deepsea Kraken
- 5B2B00
≈ Count Chocula
- 393E00
≈ Dark Olive
Tetradico +90° +180° +270°
- 082599
Deepsea Kraken
- 6C003E
≈ Spanish Purple
- 4B3600
≈ Night in the Woods
- 004538
≈ UP Forest Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.10:1 · APCA Lc 96
Ag
FailSu nero
WCAG 1.73:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.10:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--deepsea-kraken: #082599;
--deepsea-kraken-rgb: 8 37 153;
--deepsea-kraken-oklch: oklch(0.348 0.187 264.9);
}
.element {
color: var(--deepsea-kraken);
background-color: hsl(228 90% 32%);
border-color: oklch(0.348 0.187 264.9);
}Tailwind CSS v4
@theme {
--color-deepsea-kraken: #082599;
--color-deepsea-kraken-50: #ddf5ff;
--color-deepsea-kraken-100: #cce7ff;
--color-deepsea-kraken-200: #b0d2ff;
--color-deepsea-kraken-300: #8cb3ff;
--color-deepsea-kraken-400: #6798ff;
--color-deepsea-kraken-500: #477bff;
--color-deepsea-kraken-600: #3d68d8;
--color-deepsea-kraken-700: #3054ae;
--color-deepsea-kraken-800: #1d3e82;
--color-deepsea-kraken-900: #132a5c;
--color-deepsea-kraken-950: #06173f;
}SCSS
$deepsea-kraken: #082599;
$deepsea-kraken-rgb: 8, 37, 153;
$deepsea-kraken-light: mix(#fff, $deepsea-kraken, 20%);
$deepsea-kraken-dark: mix(#000, $deepsea-kraken, 20%);
.element {
color: $deepsea-kraken;
box-shadow: 0 0 0 2px rgba($deepsea-kraken, 0.35);
}