Colore con nome · #4D585B
Cobalt Cannon
Cobalt Cannon è #4D585B: rgb(77 88 91), hsl(193 8% 33%), oklch(0.452 0.015 216). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Cobalt Cannon color name →
#4D585B
oklch(0.452 0.015 216)
Conversioni di colore
- HEX
- #4d585b
- RGB
- rgb(77 88 91)
- HSL
- hsl(193 8% 33%)
- HWB
- hwb(193 30% 64%)
- OKLCH
- oklch(0.452 0.015 216)
- OKLab
- oklab(0.452 -0.012 -0.009)
- CIE Lab
- lab(36.52 -3.93 -3.28)
- LCH
- lch(36.52 5.12 219.9)
- CMYK
- cmyk(15% 3% 0% 64%)
Tinte · Ombre · Toni
Tinte
- 5D676A
- 6E7779
- 7E8789
- 909799
- A2A8A9
- B4B9BA
- C6CACB
- D9DBDC
- ECEDED
Ombre
- 424B4E
- 373F41
- 2C3335
- 222829
- 181D1E
- 0F1213
- 070909
- 020303
- 000000
Toni
- 525C5F
- 576062
- 5C6466
- 61686A
- 666C6D
- 6B7071
- 707475
- 767878
- 7B7C7C
Armonie di colore
Complementare +180°
- 4D585B
Cobalt Cannon
- 5E5350
≈ Spirit Rock
Analogo -30° +30°
- 4D585B
Cobalt Cannon
- 4D5957
≈ Midnight in NY
- 4F575E
≈ Submarine Grey
Triadico +120° +240°
- 4D585B
Cobalt Cannon
- 5B5359
≈ Virtuoso
- 58564D
≈ Shell Brown
Complementare divisa +150° +210°
- 4D585B
Cobalt Cannon
- 5D5354
≈ Bittersweet Molasses
- 5C544D
≈ Mousy Indigo
Tetradico +90° +180° +270°
- 4D585B
Cobalt Cannon
- 58545C
≈ Coal Tipple
- 5E5350
≈ Spirit Rock
- 54574F
≈ Twilight Forest
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.33:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.86:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.33:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--cobalt-cannon: #4d585b;
--cobalt-cannon-rgb: 77 88 91;
--cobalt-cannon-oklch: oklch(0.452 0.015 216);
}
.element {
color: var(--cobalt-cannon);
background-color: hsl(193 8% 33%);
border-color: oklch(0.452 0.015 216);
}Tailwind CSS v4
@theme {
--color-cobalt-cannon: #4d585b;
--color-cobalt-cannon-50: #f1f6f8;
--color-cobalt-cannon-100: #e3e9eb;
--color-cobalt-cannon-200: #ced6d8;
--color-cobalt-cannon-300: #b0b9bc;
--color-cobalt-cannon-400: #95a1a4;
--color-cobalt-cannon-500: #7c898c;
--color-cobalt-cannon-600: #697477;
--color-cobalt-cannon-700: #545d5f;
--color-cobalt-cannon-800: #3d4445;
--color-cobalt-cannon-900: #2a2f30;
--color-cobalt-cannon-950: #171b1c;
}SCSS
$cobalt-cannon: #4d585b;
$cobalt-cannon-rgb: 77, 88, 91;
$cobalt-cannon-light: mix(#fff, $cobalt-cannon, 20%);
$cobalt-cannon-dark: mix(#000, $cobalt-cannon, 20%);
.element {
color: $cobalt-cannon;
box-shadow: 0 0 0 2px rgba($cobalt-cannon, 0.35);
}