Nazwany kolor · #60372E
Rusted Crimson
Rusted Crimson to #60372E: rgb(96 55 46), hsl(11 35% 28%), oklch(0.385 0.061 33.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Rusted Crimson color name →
#60372E
oklch(0.385 0.061 33.2)
Konwersje koloru
- HEX
- #60372e
- RGB
- rgb(96 55 46)
- HSL
- hsl(11 35% 28%)
- HWB
- hwb(11 18% 62%)
- OKLCH
- oklch(0.385 0.061 33.2)
- OKLab
- oklab(0.385 0.051 0.033)
- CIE Lab
- lab(28.13 17.98 13.87)
- LCH
- lch(28.13 22.71 37.6)
- CMYK
- cmyk(0% 43% 52% 62%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6F4940
- 7F5B53
- 8F6E67
- 9E827B
- AE9690
- BEAAA5
- CEBFBB
- DED4D1
- EFE9E8
Odcienie ciemniejsze
- 522E27
- 45261F
- 381E18
- 2C1612
- 200F0B
- 150806
- 0A0302
- 030101
- 000000
Tony
- 643E36
- 67453E
- 6B4D46
- 6E544E
- 715B56
- 75625E
- 786A67
- 7B716F
- 7D7977
Harmonie kolorów
Komplementarna +180°
- 60372E
Rusted Crimson
- 0F4C57
≈ Watercolour Blue
Analogowa -30° +30°
- 60372E
Rusted Crimson
- 5F3540
≈ Art Deco Red
- 5B3C1F
≈ Bracken
Triada +120° +240°
- 60372E
Rusted Crimson
- 284D34
≈ Moselle Green
- 394164
≈ Church Blue
Komplementarna rozszczepiona +150° +210°
- 60372E
Rusted Crimson
- 114E47
≈ Stockade Green
- 244762
≈ Dark Slate Blue
Tetrada +90° +180° +270°
- 60372E
Rusted Crimson
- 3D4923
≈ Avocado Dark Green
- 0F4C57
≈ Watercolour Blue
- 4A3B5E
≈ Mulberry Purple
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.08:1 · APCA Lc 93
Ag
FailNa czerni
WCAG 2.08:1 · APCA Lc 9
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.08:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--rusted-crimson: #60372e;
--rusted-crimson-rgb: 96 55 46;
--rusted-crimson-oklch: oklch(0.385 0.061 33.2);
}
.element {
color: var(--rusted-crimson);
background-color: hsl(11 35% 28%);
border-color: oklch(0.385 0.061 33.2);
}Tailwind CSS v4
@theme {
--color-rusted-crimson: #60372e;
--color-rusted-crimson-50: #ffefe9;
--color-rusted-crimson-100: #fbe1da;
--color-rusted-crimson-200: #edccc3;
--color-rusted-crimson-300: #d5ada2;
--color-rusted-crimson-400: #c09287;
--color-rusted-crimson-500: #ab786c;
--color-rusted-crimson-600: #90655c;
--color-rusted-crimson-700: #745149;
--color-rusted-crimson-800: #563b35;
--color-rusted-crimson-900: #3c2824;
--color-rusted-crimson-950: #251613;
}SCSS
$rusted-crimson: #60372e;
$rusted-crimson-rgb: 96, 55, 46;
$rusted-crimson-light: mix(#fff, $rusted-crimson, 20%);
$rusted-crimson-dark: mix(#000, $rusted-crimson, 20%);
.element {
color: $rusted-crimson;
box-shadow: 0 0 0 2px rgba($rusted-crimson, 0.35);
}