Colore con nome · #515B62
Novelty Navy
Novelty Navy è #515B62: rgb(81 91 98), hsl(205 9% 35%), oklch(0.465 0.017 238.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Novelty Navy color name →
#515B62
oklch(0.465 0.017 238.3)
Conversioni di colore
- HEX
- #515b62
- RGB
- rgb(81 91 98)
- HSL
- hsl(205 9% 35%)
- HWB
- hwb(205 32% 62%)
- OKLCH
- oklch(0.465 0.017 238.3)
- OKLab
- oklab(0.465 -0.009 -0.014)
- CIE Lab
- lab(37.97 -2.8 -5.43)
- LCH
- lch(37.97 6.11 242.7)
- CMYK
- cmyk(17% 7% 0% 62%)
Tinte · Ombre · Toni
Tinte
- 616A70
- 71797F
- 82898E
- 92999E
- A4A9AD
- B5BABD
- C7CBCD
- DADCDE
- ECEDEE
Ombre
- 454E54
- 3A4147
- 2F353A
- 24292D
- 1A1E21
- 101316
- 07090B
- 020303
- 000000
Toni
- 565F65
- 5A6268
- 5F666B
- 636A6E
- 686D71
- 6D7174
- 727577
- 76787A
- 7B7C7D
Armonie di colore
Complementare +180°
- 515B62
Novelty Navy
- 615750
≈ Major Brown
Analogo -30° +30°
- 515B62
Novelty Navy
- 4F5C5E
≈ City Rain
- 555963
≈ Blued Steel
Triadico +120° +240°
- 515B62
Novelty Navy
- 625659
≈ Rabbit
- 585B50
≈ Osiris
Complementare divisa +150° +210°
- 515B62
Novelty Navy
- 635654
≈ Pure Zeal
- 5D594F
≈ Osiris
Tetradico +90° +180° +270°
- 515B62
Novelty Navy
- 5F565E
≈ Rabbit
- 615750
≈ Major Brown
- 535C54
≈ Evergreen Bough
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.94:1 · APCA Lc 84
Ag
FailSu nero
WCAG 3.02:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 6.94:1 (AA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--novelty-navy: #515b62;
--novelty-navy-rgb: 81 91 98;
--novelty-navy-oklch: oklch(0.465 0.017 238.3);
}
.element {
color: var(--novelty-navy);
background-color: hsl(205 9% 35%);
border-color: oklch(0.465 0.017 238.3);
}Tailwind CSS v4
@theme {
--color-novelty-navy: #515b62;
--color-novelty-navy-50: #f1f6fa;
--color-novelty-navy-100: #e3e9ed;
--color-novelty-navy-200: #ced5db;
--color-novelty-navy-300: #b0b9bf;
--color-novelty-navy-400: #96a0a7;
--color-novelty-navy-500: #7c8890;
--color-novelty-navy-600: #69737a;
--color-novelty-navy-700: #545c62;
--color-novelty-navy-800: #3d4348;
--color-novelty-navy-900: #2a2f32;
--color-novelty-navy-950: #181b1e;
}SCSS
$novelty-navy: #515b62;
$novelty-navy-rgb: 81, 91, 98;
$novelty-navy-light: mix(#fff, $novelty-navy, 20%);
$novelty-navy-dark: mix(#000, $novelty-navy, 20%);
.element {
color: $novelty-navy;
box-shadow: 0 0 0 2px rgba($novelty-navy, 0.35);
}