Colore con nome · #072688
Naval Adventures
Naval Adventures è #072688: rgb(7 38 136), hsl(226 90% 28%), oklch(0.33 0.165 264.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Naval Adventures color name →
#072688
oklch(0.33 0.165 264.4)
Conversioni di colore
- HEX
- #072688
- RGB
- rgb(7 38 136)
- HSL
- hsl(226 90% 28%)
- HWB
- hwb(226 3% 47%)
- OKLCH
- oklch(0.33 0.165 264.4)
- OKLab
- oklab(0.33 -0.016 -0.164)
- CIE Lab
- lab(19.76 24.02 -58.24)
- LCH
- lch(19.76 63 292.4)
- CMYK
- cmyk(95% 72% 0% 47%)
Tinte · Ombre · Toni
Tinte
- 1C3E95
- 3354A2
- 4A69AF
- 627EBB
- 7A93C7
- 94A8D3
- AEBEDE
- C8D3E9
- E3E9F4
Ombre
- 052075
- 041963
- 021352
- 020D41
- 010831
- 000422
- 000213
- 000106
- 000001
Toni
- 123288
- 1E3D89
- 2A4689
- 365088
- 425888
- 4E6087
- 5A6986
- 677184
- 737882
Armonie di colore
Complementare +180°
- 072688
Naval Adventures
- 453200
≈ Night in the Woods
Analogo -30° +30°
- 072688
Naval Adventures
- 003A53
≈ Gibraltar Sea
- 3F107F
≈ Pixie Powder
Triadico +120° +240°
- 072688
Naval Adventures
- 6A000D
≈ Blood God
- 004209
≈ Hunter Green
Complementare divisa +150° +210°
- 072688
Naval Adventures
- 552700
≈ Conker Brown
- 353900
≈ Dark Olive
Tetradico +90° +180° +270°
- 072688
Naval Adventures
- 64003A
≈ Tyrian Purple
- 453200
≈ Night in the Woods
- 004033
≈ UP Forest Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.79:1 · APCA Lc 98
Ag
FailSu nero
WCAG 1.64:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.79:1 (AAA) · APCA Lc 98
Contrast pairs
Frammenti di codice
CSS
:root {
--naval-adventures: #072688;
--naval-adventures-rgb: 7 38 136;
--naval-adventures-oklch: oklch(0.33 0.165 264.4);
}
.element {
color: var(--naval-adventures);
background-color: hsl(226 90% 28%);
border-color: oklch(0.33 0.165 264.4);
}Tailwind CSS v4
@theme {
--color-naval-adventures: #072688;
--color-naval-adventures-50: #dff5ff;
--color-naval-adventures-100: #cee7ff;
--color-naval-adventures-200: #b4d3ff;
--color-naval-adventures-300: #90b4ff;
--color-naval-adventures-400: #6d9aff;
--color-naval-adventures-500: #4d7ef2;
--color-naval-adventures-600: #426bcc;
--color-naval-adventures-700: #3456a4;
--color-naval-adventures-800: #213f7b;
--color-naval-adventures-900: #162c57;
--color-naval-adventures-950: #08183b;
}SCSS
$naval-adventures: #072688;
$naval-adventures-rgb: 7, 38, 136;
$naval-adventures-light: mix(#fff, $naval-adventures, 20%);
$naval-adventures-dark: mix(#000, $naval-adventures, 20%);
.element {
color: $naval-adventures;
box-shadow: 0 0 0 2px rgba($naval-adventures, 0.35);
}