Nazwany kolor · #523E35
Obsidian Brown
Obsidian Brown to #523E35: rgb(82 62 53), hsl(19 21% 26%), oklch(0.383 0.032 45.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Obsidian Brown color name →
#523E35
oklch(0.383 0.032 45.4)
Konwersje koloru
- HEX
- #523e35
- RGB
- rgb(82 62 53)
- HSL
- hsl(19 21% 26%)
- HWB
- hwb(19 21% 68%)
- OKLCH
- oklch(0.383 0.032 45.4)
- OKLab
- oklab(0.383 0.022 0.023)
- CIE Lab
- lab(28.24 7.93 9.09)
- LCH
- lch(28.24 12.06 48.9)
- CMYK
- cmyk(0% 24% 35% 68%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 624F47
- 726159
- 83736C
- 948680
- A59994
- B6ADA8
- C8C1BD
- DAD5D3
- ECEAE9
Odcienie ciemniejsze
- 46352D
- 3B2B25
- 2F231D
- 251A15
- 1A120E
- 110A08
- 080403
- 020101
- 000000
Tony
- 57443C
- 5B4B43
- 60514B
- 645852
- 695E59
- 6E6561
- 726C69
- 777270
- 7B7978
Harmonie kolorów
Komplementarna +180°
- 523E35
Obsidian Brown
- 314750
≈ Dad’s Coupe
Analogowa -30° +30°
- 523E35
Obsidian Brown
- 533C3D
≈ Charred Chocolate
- 4D4130
≈ Deep Bronze
Triada +120° +240°
- 523E35
Obsidian Brown
- 33493F
≈ Government Green
- 414154
≈ Artistic Licence
Komplementarna rozszczepiona +150° +210°
- 523E35
Obsidian Brown
- 2E4948
≈ Frontier
- 384454
≈ Starlit Eve
Tetrada +90° +180° +270°
- 523E35
Obsidian Brown
- 3C4736
≈ Arame Seaweed Green
- 314750
≈ Dad’s Coupe
- 4A3E4F
≈ Bossa Nova
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.00:1 · APCA Lc 93
Ag
FailNa czerni
WCAG 2.09:1 · APCA Lc 9
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.00:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--obsidian-brown: #523e35;
--obsidian-brown-rgb: 82 62 53;
--obsidian-brown-oklch: oklch(0.383 0.032 45.4);
}
.element {
color: var(--obsidian-brown);
background-color: hsl(19 21% 26%);
border-color: oklch(0.383 0.032 45.4);
}Tailwind CSS v4
@theme {
--color-obsidian-brown: #523e35;
--color-obsidian-brown-50: #fdf3ed;
--color-obsidian-brown-100: #f1e5df;
--color-obsidian-brown-200: #e0d0c9;
--color-obsidian-brown-300: #c6b3aa;
--color-obsidian-brown-400: #af998f;
--color-obsidian-brown-500: #998075;
--color-obsidian-brown-600: #816c63;
--color-obsidian-brown-700: #68574f;
--color-obsidian-brown-800: #4c3f3a;
--color-obsidian-brown-900: #352b27;
--color-obsidian-brown-950: #201916;
}SCSS
$obsidian-brown: #523e35;
$obsidian-brown-rgb: 82, 62, 53;
$obsidian-brown-light: mix(#fff, $obsidian-brown, 20%);
$obsidian-brown-dark: mix(#000, $obsidian-brown, 20%);
.element {
color: $obsidian-brown;
box-shadow: 0 0 0 2px rgba($obsidian-brown, 0.35);
}