Benannte Farbe · #063C89
Mystery Oceans
Mystery Oceans ist #063C89: rgb(6 60 137), hsl(215 92% 28%), oklch(0.376 0.139 259.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Mystery Oceans color name →
#063C89
oklch(0.376 0.139 259.2)
Farbumrechnungen
- HEX
- #063c89
- RGB
- rgb(6 60 137)
- HSL
- hsl(215 92% 28%)
- HWB
- hwb(215 2% 46%)
- OKLCH
- oklch(0.376 0.139 259.2)
- OKLab
- oklab(0.376 -0.026 -0.137)
- CIE Lab
- lab(26.15 9.62 -48.41)
- LCH
- lch(26.15 49.35 281.2)
- CMYK
- cmyk(96% 56% 0% 46%)
Tints · Shades · Tones
Tints
- 235096
- 3B63A2
- 5276AE
- 6989BA
- 819CC6
- 99AFD2
- B2C3DD
- CBD7E9
- E5EBF4
Shades
- 043376
- 032A64
- 022153
- 011942
- 011131
- 000A22
- 000414
- 000107
- 000001
Tones
- 174489
- 254C89
- 315389
- 3C5A88
- 486087
- 536786
- 5E6D85
- 697484
- 757A82
Farbharmonien
Komplementär +180°
- 063C89
Mystery Oceans
- 573B00
≈ Pineapple
Analog -30° +30°
- 063C89
Mystery Oceans
- 004860
≈ Stegadon Scale Green
- 422D84
≈ Majestic Eggplant
Triadisch +120° +240°
- 063C89
Mystery Oceans
- 7A0F21
≈ Heavy Heart
- 174F00
≈ Malachite Green
Geteilt komplementär +150° +210°
- 063C89
Mystery Oceans
- 6A2D00
≈ Cold Press Coffee
- 454400
≈ Green Not Found
Tetradisch +90° +180° +270°
- 063C89
Mystery Oceans
- 72134C
≈ Lucky Wine
- 573B00
≈ Pineapple
- 004E3A
≈ Raspberry Leaf Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.42:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 2.01:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 10.42:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--mystery-oceans: #063c89;
--mystery-oceans-rgb: 6 60 137;
--mystery-oceans-oklch: oklch(0.376 0.139 259.2);
}
.element {
color: var(--mystery-oceans);
background-color: hsl(215 92% 28%);
border-color: oklch(0.376 0.139 259.2);
}Tailwind CSS v4
@theme {
--color-mystery-oceans: #063c89;
--color-mystery-oceans-50: #dff6ff;
--color-mystery-oceans-100: #cee9ff;
--color-mystery-oceans-200: #b3d5ff;
--color-mystery-oceans-300: #8fb8ff;
--color-mystery-oceans-400: #6b9ff0;
--color-mystery-oceans-500: #4a84e1;
--color-mystery-oceans-600: #3f70be;
--color-mystery-oceans-700: #325a98;
--color-mystery-oceans-800: #204272;
--color-mystery-oceans-900: #152e50;
--color-mystery-oceans-950: #071a35;
}SCSS
$mystery-oceans: #063c89;
$mystery-oceans-rgb: 6, 60, 137;
$mystery-oceans-light: mix(#fff, $mystery-oceans, 20%);
$mystery-oceans-dark: mix(#000, $mystery-oceans, 20%);
.element {
color: $mystery-oceans;
box-shadow: 0 0 0 2px rgba($mystery-oceans, 0.35);
}