Benannte Farbe · #1C3B42
Royal Neptune
Royal Neptune ist #1C3B42: rgb(28 59 66), hsl(191 40% 18%), oklch(0.332 0.039 214.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Royal Neptune color name →
#1C3B42
oklch(0.332 0.039 214.1)
Farbumrechnungen
- HEX
- #1c3b42
- RGB
- rgb(28 59 66)
- HSL
- hsl(191 40% 18%)
- HWB
- hwb(191 11% 74%)
- OKLCH
- oklch(0.332 0.039 214.1)
- OKLab
- oklab(0.332 -0.032 -0.022)
- CIE Lab
- lab(22.74 -10.23 -8.1)
- LCH
- lch(22.74 13.05 218.4)
- CMYK
- cmyk(58% 11% 0% 74%)
Tints · Shades · Tones
Tints
- 314C53
- 465E64
- 5B7176
- 718488
- 87979B
- 9EABAE
- B6C0C2
- CED4D6
- E6EAEA
Shades
- 173238
- 12292F
- 0D2125
- 08191C
- 051114
- 02090B
- 010405
- 000101
- 000000
Tones
- 264248
- 30484E
- 3A4F54
- 44565A
- 4E5D60
- 586467
- 626B6D
- 6C7273
- 76797A
Farbharmonien
Komplementär +180°
- 1C3B42
Royal Neptune
- 482F29
≈ Rojo Marrón
Analog -30° +30°
- 1C3B42
Royal Neptune
- 1D3C38
≈ Kōrainando Green
- 243848
≈ In the Navy
Triadisch +120° +240°
- 1C3B42
Royal Neptune
- 422E3E
≈ Barossa
- 3C361E
≈ LeChuck’s Beard
Geteilt komplementär +150° +210°
- 1C3B42
Royal Neptune
- 472D33
≈ Ripe Eggplant
- 443220
≈ Iroko
Tetradisch +90° +180° +270°
- 1C3B42
Royal Neptune
- 3A3146
≈ Chrysomela Goettingensis
- 482F29
≈ Rojo Marrón
- 313923
≈ Matcha Ash
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.97:1 · APCA Lc 97
Ag
FailAuf Schwarz
WCAG 1.75:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.97:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--royal-neptune: #1c3b42;
--royal-neptune-rgb: 28 59 66;
--royal-neptune-oklch: oklch(0.332 0.039 214.1);
}
.element {
color: var(--royal-neptune);
background-color: hsl(191 40% 18%);
border-color: oklch(0.332 0.039 214.1);
}Tailwind CSS v4
@theme {
--color-royal-neptune: #1c3b42;
--color-royal-neptune-50: #eaf8fc;
--color-royal-neptune-100: #daebf0;
--color-royal-neptune-200: #c3d9df;
--color-royal-neptune-300: #a2bdc4;
--color-royal-neptune-400: #85a5ad;
--color-royal-neptune-500: #698d96;
--color-royal-neptune-600: #59777f;
--color-royal-neptune-700: #476066;
--color-royal-neptune-800: #33464a;
--color-royal-neptune-900: #233133;
--color-royal-neptune-950: #121d1f;
}SCSS
$royal-neptune: #1c3b42;
$royal-neptune-rgb: 28, 59, 66;
$royal-neptune-light: mix(#fff, $royal-neptune, 20%);
$royal-neptune-dark: mix(#000, $royal-neptune, 20%);
.element {
color: $royal-neptune;
box-shadow: 0 0 0 2px rgba($royal-neptune, 0.35);
}