Cor nomeada · #508793
Night Masque
Night Masque é #508793: rgb(80 135 147), hsl(191 30% 45%), oklch(0.59 0.061 213.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Night Masque color name →
#508793
oklch(0.59 0.061 213.2)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 62939D
- 739EA8
- 84AAB2
- 96B6BD
- A7C2C8
- B8CED3
- CADADE
- DBE6E9
- EDF3F4
Sombras
- 44757F
- 39636C
- 2E5159
- 244147
- 1A3136
- 102125
- 071316
- 020608
- 000101
Tons
- 568691
- 5B868F
- 61858D
- 66858C
- 6A848A
- 6F8388
- 738286
- 788284
- 7C8182
Harmonias de cor
Complementar +180°
- 508793
Night Masque
- 9E7066
≈ Discretion
Análoga -30° +30°
- 508793
Night Masque
- 518981
≈ Wintergreen Dream
- 5D829F
≈ Greyish Blue
Tríade +120° +240°
- 508793
Night Masque
- 94708D
≈ Felicia
- 897D53
≈ Clay Creek
Complementar dividida +150° +210°
- 508793
Night Masque
- 9D6E79
≈ Concerto
- 977657
≈ Decreasing Brown
Tétrade +90° +180° +270°
- 508793
Night Masque
- 84759B
≈ Voxatron Purple
- 9E7066
≈ Discretion
- 76845B
≈ Equatorial Forest
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.01:1 · APCA Lc 67
Ag
AASobre preto
WCAG 5.22:1 · APCA Lc 34
Melhor cor de texto: #000000
WCAG 5.22:1 (AA) · APCA Lc 34
Contrast pairs
Trechos de código
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);
}