Cor nomeada · #425166
Navy Damask
Navy Damask é #425166: rgb(66 81 102), hsl(215 21% 33%), oklch(0.431 0.04 256.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Navy Damask color name →
#425166
oklch(0.431 0.04 256.8)
Conversões de cor
- HEX
- #425166
- RGB
- rgb(66 81 102)
- HSL
- hsl(215 21% 33%)
- HWB
- hwb(215 26% 60%)
- OKLCH
- oklch(0.431 0.04 256.8)
- OKLab
- oklab(0.431 -0.009 -0.039)
- CIE Lab
- lab(33.81 -1.78 -14.28)
- LCH
- lch(33.81 14.39 262.9)
- CMYK
- cmyk(35% 21% 0% 60%)
Tons claros · Sombras · Tons
Tons claros
- 536174
- 647183
- 768292
- 8993A1
- 9BA4B0
- AFB6BF
- C2C7CF
- D6DADF
- EAECEF
Sombras
- 384558
- 2F3A4A
- 252F3C
- 1C242F
- 141A23
- 0B1017
- 05070C
- 010204
- 000000
Tons
- 485669
- 4E5A6B
- 545F6E
- 5A6471
- 606873
- 676D76
- 6D7278
- 73767B
- 7A7B7D
Harmonias de cor
Complementar +180°
- 425166
Navy Damask
- 5D4D37
≈ Beggar
Análoga -30° +30°
- 425166
Navy Damask
- 385561
≈ Opera Glasses
- 4E4D65
≈ Legendary Purple
Tríade +120° +240°
- 425166
Navy Damask
- 644748
≈ Plum Raisin
- 465540
≈ Chard
Complementar dividida +150° +210°
- 425166
Navy Damask
- 63493D
≈ Choco Death
- 525238
≈ Amazon Depths
Tétrade +90° +180° +270°
- 425166
Navy Damask
- 614754
≈ Deep Exquisite
- 5D4D37
≈ Beggar
- 3A574B
≈ Shadow Leaf
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 8.07:1 · APCA Lc 88
Ag
FailSobre preto
WCAG 2.60:1 · APCA Lc 14
Melhor cor de texto: #FFFFFF
WCAG 8.07:1 (AAA) · APCA Lc 88
Contrast pairs
Trechos de código
CSS
:root {
--navy-damask: #425166;
--navy-damask-rgb: 66 81 102;
--navy-damask-oklch: oklch(0.431 0.04 256.8);
}
.element {
color: var(--navy-damask);
background-color: hsl(215 21% 33%);
border-color: oklch(0.431 0.04 256.8);
}Tailwind CSS v4
@theme {
--color-navy-damask: #425166;
--color-navy-damask-50: #eef6ff;
--color-navy-damask-100: #e0e9f6;
--color-navy-damask-200: #cad5e6;
--color-navy-damask-300: #abb8cc;
--color-navy-damask-400: #90a0b6;
--color-navy-damask-500: #7688a1;
--color-navy-damask-600: #647388;
--color-navy-damask-700: #505c6d;
--color-navy-damask-800: #394350;
--color-navy-damask-900: #272e38;
--color-navy-damask-950: #151b22;
}SCSS
$navy-damask: #425166;
$navy-damask-rgb: 66, 81, 102;
$navy-damask-light: mix(#fff, $navy-damask, 20%);
$navy-damask-dark: mix(#000, $navy-damask, 20%);
.element {
color: $navy-damask;
box-shadow: 0 0 0 2px rgba($navy-damask, 0.35);
}