Benannte Farbe · #508793
Night Masque
Night Masque ist #508793: rgb(80 135 147), hsl(191 30% 45%), oklch(0.59 0.061 213.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Night Masque color name →
#508793
oklch(0.59 0.061 213.2)
Farbumrechnungen
- HEX
- #508793
- RGB
- rgb(80 135 147)
- HSL
- hsl(191 30% 45%)
- HWB
- hwb(191 31% 42%)
- OKLCH
- oklch(0.59 0.061 213.2)
- OKLab
- oklab(0.59 -0.051 -0.033)
- CIE Lab
- lab(52.86 -16.45 -12.48)
- LCH
- lch(52.86 20.65 217.2)
- CMYK
- cmyk(46% 8% 0% 42%)
Tints · Shades · Tones
Tints
- 62939D
- 739EA8
- 84AAB2
- 96B6BD
- A7C2C8
- B8CED3
- CADADE
- DBE6E9
- EDF3F4
Shades
- 44757F
- 39636C
- 2E5159
- 244147
- 1A3136
- 102125
- 071316
- 020608
- 000101
Tones
- 568691
- 5B868F
- 61858D
- 66858C
- 6A848A
- 6F8388
- 738286
- 788284
- 7C8182
Farbharmonien
Komplementär +180°
- 508793
Night Masque
- 9E7066
≈ Discretion
Analog -30° +30°
- 508793
Night Masque
- 518981
≈ Wintergreen Dream
- 5D829F
≈ Greyish Blue
Triadisch +120° +240°
- 508793
Night Masque
- 94708D
≈ Felicia
- 897D53
≈ Clay Creek
Geteilt komplementär +150° +210°
- 508793
Night Masque
- 9D6E79
≈ Concerto
- 977657
≈ Decreasing Brown
Tetradisch +90° +180° +270°
- 508793
Night Masque
- 84759B
≈ Voxatron Purple
- 9E7066
≈ Discretion
- 76845B
≈ Equatorial Forest
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.01:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.22:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.22:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--night-masque: #508793;
--night-masque-rgb: 80 135 147;
--night-masque-oklch: oklch(0.59 0.061 213.2);
}
.element {
color: var(--night-masque);
background-color: hsl(191 30% 45%);
border-color: oklch(0.59 0.061 213.2);
}Tailwind CSS v4
@theme {
--color-night-masque: #508793;
--color-night-masque-50: #e3faff;
--color-night-masque-100: #d2eef5;
--color-night-masque-200: #b8dbe5;
--color-night-masque-300: #94c0cb;
--color-night-masque-400: #74a8b4;
--color-night-masque-500: #53919e;
--color-night-masque-600: #477b86;
--color-night-masque-700: #39626b;
--color-night-masque-800: #28484e;
--color-night-masque-900: #1b3237;
--color-night-masque-950: #0b1e21;
}SCSS
$night-masque: #508793;
$night-masque-rgb: 80, 135, 147;
$night-masque-light: mix(#fff, $night-masque, 20%);
$night-masque-dark: mix(#000, $night-masque, 20%);
.element {
color: $night-masque;
box-shadow: 0 0 0 2px rgba($night-masque, 0.35);
}