Colore con nome · #5A573F
Devlan Mud
Devlan Mud è #5A573F: rgb(90 87 63), hsl(53 18% 30%), oklch(0.453 0.037 101.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Devlan Mud color name →
#5A573F
oklch(0.453 0.037 101.8)
Conversioni di colore
- HEX
- #5a573f
- RGB
- rgb(90 87 63)
- HSL
- hsl(53 18% 30%)
- HWB
- hwb(53 25% 65%)
- OKLCH
- oklch(0.453 0.037 101.8)
- OKLab
- oklab(0.453 -0.008 0.036)
- CIE Lab
- lab(36.76 -1.96 14.47)
- LCH
- lch(36.76 14.6 97.7)
- CMYK
- cmyk(0% 3% 30% 65%)
Tinte · Ombre · Toni
Tinte
- 696650
- 787662
- 888674
- 989687
- A9A79A
- B9B8AE
- CAC9C1
- DCDBD6
- EDEDEA
Ombre
- 4D4B35
- 413E2C
- 353323
- 29271B
- 1E1C12
- 13120A
- 090804
- 030301
- 000000
Toni
- 5E5B45
- 615F4C
- 656352
- 696759
- 6D6B5F
- 706F66
- 74746C
- 787873
- 7C7C79
Armonie di colore
Complementare +180°
- 5A573F
Devlan Mud
- 52546B
≈ Academy Purple
Analogo -30° +30°
- 5A573F
Devlan Mud
- 63533F
≈ Roasted Sepia
- 4F5B45
≈ Fresh Pine
Triadico +120° +240°
- 5A573F
Devlan Mud
- 3F5B65
≈ Hypothalamus Grey
- 654E5C
≈ Prophetic Purple
Complementare divisa +150° +210°
- 5A573F
Devlan Mud
- 47586A
≈ Rainmaker
- 5D5065
≈ Muscat Grape
Tetradico +90° +180° +270°
- 5A573F
Devlan Mud
- 3D5D5B
≈ Rosemary
- 52546B
≈ Academy Purple
- 694E51
≈ Flamboyant Plum
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.31:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.86:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.31:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--devlan-mud: #5a573f;
--devlan-mud-rgb: 90 87 63;
--devlan-mud-oklch: oklch(0.453 0.037 101.8);
}
.element {
color: var(--devlan-mud);
background-color: hsl(53 18% 30%);
border-color: oklch(0.453 0.037 101.8);
}Tailwind CSS v4
@theme {
--color-devlan-mud: #5a573f;
--color-devlan-mud-50: #f7f6ea;
--color-devlan-mud-100: #eae9db;
--color-devlan-mud-200: #d6d5c3;
--color-devlan-mud-300: #bab9a3;
--color-devlan-mud-400: #a2a087;
--color-devlan-mud-500: #8b876b;
--color-devlan-mud-600: #75735b;
--color-devlan-mud-700: #5e5c49;
--color-devlan-mud-800: #454334;
--color-devlan-mud-900: #302e23;
--color-devlan-mud-950: #1c1b12;
}SCSS
$devlan-mud: #5a573f;
$devlan-mud-rgb: 90, 87, 63;
$devlan-mud-light: mix(#fff, $devlan-mud, 20%);
$devlan-mud-dark: mix(#000, $devlan-mud, 20%);
.element {
color: $devlan-mud;
box-shadow: 0 0 0 2px rgba($devlan-mud, 0.35);
}