Couleur nommée la plus proche · #6A3534
#6A3534
Couleur nommée la plus proche: Arcane Red
#6A3534 (rgb(106 53 52), hsl(1 34% 31%), oklch(0.397 0.076 22.2)) est la plus proche de la couleur nommée Arcane Red. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#6A3534
oklch(0.397 0.076 22.2)
Conversions de couleur
- HEX
- #6a3534
- RGB
- rgb(106 53 52)
- HSL
- hsl(1 34% 31%)
- HWB
- hwb(1 20% 58%)
- OKLCH
- oklch(0.397 0.076 22.2)
- OKLab
- oklab(0.397 0.07 0.029)
- CIE Lab
- lab(29.33 24.02 11.91)
- LCH
- lch(29.33 26.81 26.4)
- CMYK
- cmyk(0% 50% 51% 58%)
Teintes · Ombres · Tons
Teintes
- 794846
- 885A58
- 976E6B
- A6817F
- B59593
- C4AAA8
- D2BEBD
- E1D4D3
- F0E9E9
Ombres
- 5B2D2C
- 4D2524
- 3F1D1C
- 311515
- 240E0E
- 180807
- 0D0303
- 040101
- 000000
Tons
- 6D3D3B
- 704443
- 724C4A
- 755351
- 775B59
- 796261
- 7B6968
- 7D7170
- 7F7878
Harmonies de couleurs
Complémentaire +180°
- 6A3534
Arcane Red
- 005157
≈ Cathedral View
Analogue -30° +30°
- 6A3534
Arcane Red
- 66354B
≈ Grape Wine
- 673A1D
≈ Cassiterite Brown
Triadique +120° +240°
- 6A3534
Arcane Red
- 2D512A
≈ Chestnut Green
- 304670
≈ Bona Fide
Complémentaire divisée +150° +210°
- 6A3534
Arcane Red
- 035442
≈ Tetsu Green
- 0C4D69
≈ Work Blue
Tétradique +90° +180° +270°
- 6A3534
Arcane Red
- 484B13
≈ No Emissions Green
- 005157
≈ Cathedral View
- 483F6C
≈ Geode
Contraste et accessibilité
Ag
AAASur blanc
WCAG 9.67:1 · APCA Lc 92
Ag
FailSur noir
WCAG 2.17:1 · APCA Lc 10
Meilleure couleur de texte: #FFFFFF
WCAG 9.67:1 (AAA) · APCA Lc 92
Contrast pairs
Extraits de code
CSS
:root {
--arcane-red: #6a3534;
--arcane-red-rgb: 106 53 52;
--arcane-red-oklch: oklch(0.397 0.076 22.2);
}
.element {
color: var(--arcane-red);
background-color: hsl(1 34% 31%);
border-color: oklch(0.397 0.076 22.2);
}Tailwind CSS v4
@theme {
--color-arcane-red: #6a3534;
--color-arcane-red-50: #ffedeb;
--color-arcane-red-100: #ffdfdc;
--color-arcane-red-200: #f3c8c4;
--color-arcane-red-300: #dca9a4;
--color-arcane-red-400: #c88d8a;
--color-arcane-red-500: #b3726f;
--color-arcane-red-600: #97615e;
--color-arcane-red-700: #794d4b;
--color-arcane-red-800: #5a3837;
--color-arcane-red-900: #3f2626;
--color-arcane-red-950: #281414;
}SCSS
$arcane-red: #6a3534;
$arcane-red-rgb: 106, 53, 52;
$arcane-red-light: mix(#fff, $arcane-red, 20%);
$arcane-red-dark: mix(#000, $arcane-red, 20%);
.element {
color: $arcane-red;
box-shadow: 0 0 0 2px rgba($arcane-red, 0.35);
}