Benannte Farbe · #072688
Naval Adventures
Naval Adventures ist #072688: rgb(7 38 136), hsl(226 90% 28%), oklch(0.33 0.165 264.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Naval Adventures color name →
#072688
oklch(0.33 0.165 264.4)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 1C3E95
- 3354A2
- 4A69AF
- 627EBB
- 7A93C7
- 94A8D3
- AEBEDE
- C8D3E9
- E3E9F4
Shades
- 052075
- 041963
- 021352
- 020D41
- 010831
- 000422
- 000213
- 000106
- 000001
Tones
- 123288
- 1E3D89
- 2A4689
- 365088
- 425888
- 4E6087
- 5A6986
- 677184
- 737882
Farbharmonien
Komplementär +180°
- 072688
Naval Adventures
- 453200
≈ Night in the Woods
Analog -30° +30°
- 072688
Naval Adventures
- 003A53
≈ Gibraltar Sea
- 3F107F
≈ Pixie Powder
Triadisch +120° +240°
- 072688
Naval Adventures
- 6A000D
≈ Blood God
- 004209
≈ Hunter Green
Geteilt komplementär +150° +210°
- 072688
Naval Adventures
- 552700
≈ Conker Brown
- 353900
≈ Dark Olive
Tetradisch +90° +180° +270°
- 072688
Naval Adventures
- 64003A
≈ Tyrian Purple
- 453200
≈ Night in the Woods
- 004033
≈ UP Forest Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.79:1 · APCA Lc 98
Ag
FailAuf Schwarz
WCAG 1.64:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.79:1 (AAA) · APCA Lc 98
Contrast pairs
Code-Snippets
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);
}