Colore con nome · #6D5160
Dynamic
Dynamic è #6D5160: rgb(109 81 96), hsl(328 15% 37%), oklch(0.469 0.043 345.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Dynamic color name →
#6D5160
oklch(0.469 0.043 345.5)
Conversioni di colore
- HEX
- #6d5160
- RGB
- rgb(109 81 96)
- HSL
- hsl(328 15% 37%)
- HWB
- hwb(328 32% 57%)
- OKLCH
- oklch(0.469 0.043 345.5)
- OKLab
- oklab(0.469 0.042 -0.011)
- CIE Lab
- lab(37.86 14.03 -3.97)
- LCH
- lch(37.86 14.58 344.2)
- CMYK
- cmyk(0% 26% 12% 57%)
Tinte · Ombre · Toni
Tinte
- 7B616F
- 89717D
- 97828D
- A5939C
- B4A4AC
- C3B6BC
- D2C8CD
- E1DADD
- F0ECEE
Ombre
- 5E4552
- 4F3A45
- 412F38
- 33242C
- 261A20
- 191015
- 0D070A
- 040203
- 010000
Toni
- 6F5663
- 715A66
- 735F69
- 75646D
- 776870
- 796D73
- 7B7276
- 7D7679
- 7E7B7D
Armonie di colore
Complementare +180°
- 6D5160
Dynamic
- 436355
≈ Palace Green
Analogo -30° +30°
- 6D5160
Dynamic
- 64536C
≈ Vintner
- 715152
≈ Sheringa Rose
Triadico +120° +240°
- 6D5160
Dynamic
- 5E5C40
≈ Eastern Bamboo
- 40606D
≈ Juniper Berry Blue
Complementare divisa +150° +210°
- 6D5160
Dynamic
- 506048
≈ Mossy Bronze
- 3C6262
≈ Pyrite Green
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.00:1 · APCA Lc 84
Ag
FailSu nero
WCAG 2.99:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 7.00:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--dynamic: #6d5160;
--dynamic-rgb: 109 81 96;
--dynamic-oklch: oklch(0.469 0.043 345.5);
}
.element {
color: var(--dynamic);
background-color: hsl(328 15% 37%);
border-color: oklch(0.469 0.043 345.5);
}Tailwind CSS v4
@theme {
--color-dynamic: #6d5160;
--color-dynamic-50: #fff0f7;
--color-dynamic-100: #f4e2ea;
--color-dynamic-200: #e3cdd8;
--color-dynamic-300: #c9afbb;
--color-dynamic-400: #b295a4;
--color-dynamic-500: #9c7b8c;
--color-dynamic-600: #846877;
--color-dynamic-700: #6a535f;
--color-dynamic-800: #4e3d46;
--color-dynamic-900: #362a31;
--color-dynamic-950: #21171d;
}SCSS
$dynamic: #6d5160;
$dynamic-rgb: 109, 81, 96;
$dynamic-light: mix(#fff, $dynamic, 20%);
$dynamic-dark: mix(#000, $dynamic, 20%);
.element {
color: $dynamic;
box-shadow: 0 0 0 2px rgba($dynamic, 0.35);
}