Couleur nommée la plus proche · #BA6731
#BA6731
Couleur nommée la plus proche: Dwarven Bronze
#BA6731 (rgb(186 103 49), hsl(24 58% 46%), oklch(0.599 0.126 51)) est la plus proche de la couleur nommée Dwarven Bronze. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#BA6731
oklch(0.599 0.126 51)
Conversions de couleur
- HEX
- #ba6731
- RGB
- rgb(186 103 49)
- HSL
- hsl(24 58% 46%)
- HWB
- hwb(24 19% 27%)
- OKLCH
- oklch(0.599 0.126 51)
- OKLab
- oklab(0.599 0.079 0.098)
- CIE Lab
- lab(52.77 31 44.48)
- LCH
- lch(52.77 54.22 55.1)
- CMYK
- cmyk(0% 45% 74% 27%)
Teintes · Ombres · Tons
Teintes
- C27648
- CA855D
- D19571
- D9A485
- E0B399
- E6C2AD
- EDD1C1
- F3E0D6
- F9F0EA
Ombres
- A15929
- 894B22
- 723D1A
- 5C3013
- 46230C
- 321706
- 1E0C03
- 0D0401
- 020000
Tons
- B56A3C
- B06D45
- AA704E
- A57356
- 9F765E
- 997865
- 937A6C
- 8D7C73
- 877E79
Harmonies de couleurs
Complémentaire +180°
- BA6731
Dwarven Bronze
- 008CBA
≈ Hawaiian Surf
Analogue -30° +30°
- BA6731
Dwarven Bronze
- C05E5F
≈ Energy Peak
- A57700
≈ Bronze
Triadique +120° +240°
- BA6731
Dwarven Bronze
- 009676
≈ Pool Table
- 8171C5
≈ Venus Violet
Complémentaire divisée +150° +210°
- BA6731
Dwarven Bronze
- 009299
≈ Splashy
- 537FCB
≈ Serenity’s Reign
Tétradique +90° +180° +270°
- BA6731
Dwarven Bronze
- 529248
≈ Discover Deco
- 008CBA
≈ Hawaiian Surf
- A265AD
≈ Royal Pretender
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.14:1 · APCA Lc 68
Ag
AASur noir
WCAG 5.07:1 · APCA Lc 34
Meilleure couleur de texte: #000000
WCAG 5.07:1 (AA) · APCA Lc 34
Contrast pairs
Extraits de code
CSS
:root {
--dwarven-bronze: #ba6731;
--dwarven-bronze-rgb: 186 103 49;
--dwarven-bronze-oklch: oklch(0.599 0.126 51);
}
.element {
color: var(--dwarven-bronze);
background-color: hsl(24 58% 46%);
border-color: oklch(0.599 0.126 51);
}Tailwind CSS v4
@theme {
--color-dwarven-bronze: #ba6731;
--color-dwarven-bronze-50: #ffecd4;
--color-dwarven-bronze-100: #ffddc1;
--color-dwarven-bronze-200: #ffc6a2;
--color-dwarven-bronze-300: #eba57a;
--color-dwarven-bronze-400: #d98756;
--color-dwarven-bronze-500: #c66a2b;
--color-dwarven-bronze-600: #a75a27;
--color-dwarven-bronze-700: #86481f;
--color-dwarven-bronze-800: #643316;
--color-dwarven-bronze-900: #47230e;
--color-dwarven-bronze-950: #2e1202;
}SCSS
$dwarven-bronze: #ba6731;
$dwarven-bronze-rgb: 186, 103, 49;
$dwarven-bronze-light: mix(#fff, $dwarven-bronze, 20%);
$dwarven-bronze-dark: mix(#000, $dwarven-bronze, 20%);
.element {
color: $dwarven-bronze;
box-shadow: 0 0 0 2px rgba($dwarven-bronze, 0.35);
}