Couleur nommée la plus proche · #B44D03
#B44D03
Couleur nommée la plus proche: Bloodhound
#B44D03 (rgb(180 77 3), hsl(25 97% 36%), oklch(0.546 0.151 46.5)) est la plus proche de la couleur nommée Bloodhound. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B44D03
oklch(0.546 0.151 46.5)
Conversions de couleur
- HEX
- #b44d03
- RGB
- rgb(180 77 3)
- HSL
- hsl(25 97% 36%)
- HWB
- hwb(25 1% 29%)
- OKLCH
- oklch(0.546 0.151 46.5)
- OKLab
- oklab(0.546 0.104 0.11)
- CIE Lab
- lab(46.29 40.59 55.74)
- LCH
- lch(46.29 68.95 53.9)
- CMYK
- cmyk(0% 57% 98% 29%)
Teintes · Ombres · Tons
Teintes
- BD602D
- C67247
- CF845F
- D79576
- DEA78C
- E6B8A3
- EDCABA
- F3DBD1
- F9EDE8
Ombres
- 9C4202
- 853702
- 6E2C01
- 582201
- 441800
- 300F00
- 1D0700
- 0C0200
- 020000
Tons
- B0541F
- AC5A2F
- A7603C
- A26547
- 9D6A51
- 986F5B
- 937465
- 8D786E
- 877C77
Harmonies de couleurs
Complémentaire +180°
- B44D03
Bloodhound
- 007C9F
≈ Bleu Ciel
Analogue -30° +30°
- B44D03
Bloodhound
- B74351
≈ Umbria Red
- 966600
≈ Gamboge Brown
Triadique +120° +240°
- B44D03
Bloodhound
- 008562
≈ Spectral Green
- 6C5EC3
≈ Ameixa
Complémentaire divisée +150° +210°
- B44D03
Bloodhound
- 008183
≈ Teal
- 2D6FC6
≈ Matt Blue
Tétradique +90° +180° +270°
- B44D03
Bloodhound
- 428319
≈ Bilbao
- 007C9F
≈ Bleu Ciel
- 9250AA
≈ Purpureus
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.24:1 · APCA Lc 75
Ag
FailSur noir
WCAG 4.00:1 · APCA Lc 26
Meilleure couleur de texte: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 75
Contrast pairs
Extraits de code
CSS
:root {
--bloodhound: #b44d03;
--bloodhound-rgb: 180 77 3;
--bloodhound-oklch: oklch(0.546 0.151 46.5);
}
.element {
color: var(--bloodhound);
background-color: hsl(25 97% 36%);
border-color: oklch(0.546 0.151 46.5);
}Tailwind CSS v4
@theme {
--color-bloodhound: #b44d03;
--color-bloodhound-50: #ffe9d0;
--color-bloodhound-100: #ffdabc;
--color-bloodhound-200: #ffc19b;
--color-bloodhound-300: #f69f71;
--color-bloodhound-400: #e57f4a;
--color-bloodhound-500: #d35f13;
--color-bloodhound-600: #b25115;
--color-bloodhound-700: #8f4011;
--color-bloodhound-800: #6b2d0d;
--color-bloodhound-900: #4c1f08;
--color-bloodhound-950: #320e00;
}SCSS
$bloodhound: #b44d03;
$bloodhound-rgb: 180, 77, 3;
$bloodhound-light: mix(#fff, $bloodhound, 20%);
$bloodhound-dark: mix(#000, $bloodhound, 20%);
.element {
color: $bloodhound;
box-shadow: 0 0 0 2px rgba($bloodhound, 0.35);
}