Najbliższy nazwany kolor · #004759
#004759
Najbliższy nazwany kolor: Nocturnal Expedition
#004759 (rgb(0 71 89), hsl(192 100% 17%), oklch(0.369 0.068 221.9)) jest najbliższy nazwanemu kolorowi Nocturnal Expedition. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#004759
oklch(0.369 0.068 221.9)
Konwersje koloru
- HEX
- #004759
- RGB
- rgb(0 71 89)
- HSL
- hsl(192 100% 17%)
- HWB
- hwb(192 0% 65%)
- OKLCH
- oklch(0.369 0.068 221.9)
- OKLab
- oklab(0.369 -0.051 -0.045)
- CIE Lab
- lab(27.08 -14.71 -16.62)
- LCH
- lch(27.08 22.19 228.5)
- CMYK
- cmyk(100% 20% 0% 65%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 245868
- 3D6978
- 547B88
- 6C8D98
- 839FA9
- 9BB1BA
- B4C4CB
- CCD8DC
- E5EBED
Odcienie ciemniejsze
- 003D4C
- 003240
- 002834
- 001F28
- 00161D
- 000D13
- 000609
- 000203
- 000000
Tony
- 174D5D
- 265261
- 335865
- 3E5E69
- 4A646D
- 556971
- 606F75
- 6A7578
- 757A7C
Harmonie kolorów
Komplementarna +180°
- 004759
Nocturnal Expedition
- 5D3221
≈ Overbaked
Analogowa -30° +30°
- 004759
Nocturnal Expedition
- 004A48
≈ Deep Into the Jungle
- 234162
≈ Alpine Race
Triada +120° +240°
- 004759
Nocturnal Expedition
- 58304A
≈ Winter Bloom
- 47400E
≈ Xanthophobia
Komplementarna rozszczepiona +150° +210°
- 004759
Nocturnal Expedition
- 5E2F36
≈ Chocolate Truffle
- 553910
≈ Pineapple
Tetrada +90° +180° +270°
- 004759
Nocturnal Expedition
- 4B3459
≈ Blackberry Cordial
- 5D3221
≈ Overbaked
- 32471F
≈ Forestry
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.26:1 · APCA Lc 93
Ag
FailNa czerni
WCAG 2.04:1 · APCA Lc 9
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.26:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--nocturnal-expedition: #004759;
--nocturnal-expedition-rgb: 0 71 89;
--nocturnal-expedition-oklch: oklch(0.369 0.068 221.9);
}
.element {
color: var(--nocturnal-expedition);
background-color: hsl(192 100% 17%);
border-color: oklch(0.369 0.068 221.9);
}Tailwind CSS v4
@theme {
--color-nocturnal-expedition: #004759;
--color-nocturnal-expedition-50: #e1faff;
--color-nocturnal-expedition-100: #d1edf9;
--color-nocturnal-expedition-200: #b6dbea;
--color-nocturnal-expedition-300: #92c0d1;
--color-nocturnal-expedition-400: #70a8bb;
--color-nocturnal-expedition-500: #4f91a7;
--color-nocturnal-expedition-600: #437a8d;
--color-nocturnal-expedition-700: #366271;
--color-nocturnal-expedition-800: #254853;
--color-nocturnal-expedition-900: #19323a;
--color-nocturnal-expedition-950: #091e24;
}SCSS
$nocturnal-expedition: #004759;
$nocturnal-expedition-rgb: 0, 71, 89;
$nocturnal-expedition-light: mix(#fff, $nocturnal-expedition, 20%);
$nocturnal-expedition-dark: mix(#000, $nocturnal-expedition, 20%);
.element {
color: $nocturnal-expedition;
box-shadow: 0 0 0 2px rgba($nocturnal-expedition, 0.35);
}