Couleur nommée la plus proche · #4B2726
#4B2726
Couleur nommée la plus proche: Brown Coffee
#4B2726 (rgb(75 39 38), hsl(2 33% 22%), oklch(0.32 0.054 22.2)) est la plus proche de la couleur nommée Brown Coffee. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#4B2726
oklch(0.32 0.054 22.2)
Conversions de couleur
- HEX
- #4b2726
- RGB
- rgb(75 39 38)
- HSL
- hsl(2 33% 22%)
- HWB
- hwb(2 15% 71%)
- OKLCH
- oklch(0.32 0.054 22.2)
- OKLab
- oklab(0.32 0.05 0.021)
- CIE Lab
- lab(20.59 17.2 8.48)
- LCH
- lch(20.59 19.17 26.2)
- CMYK
- cmyk(0% 48% 49% 71%)
Teintes · Ombres · Tons
Teintes
- 5C3A38
- 6D4E4C
- 7F6260
- 917775
- A28C8B
- B5A2A1
- C7B9B8
- D9D0CF
- ECE7E7
Ombres
- 402020
- 351A19
- 2B1413
- 210E0D
- 170808
- 0E0404
- 060202
- 020101
- 000000
Tons
- 51302E
- 563837
- 5C413F
- 614948
- 675251
- 6C5B5A
- 716463
- 766D6D
- 7B7776
Harmonies de couleurs
Complémentaire +180°
- 4B2726
Brown Coffee
- 003B3F
≈ Ghostlands Coal
Analogue -30° +30°
- 4B2726
Brown Coffee
- 482736
≈ Wine Tasting
- 492A17
≈ Brown Study
Triadique +120° +240°
- 4B2726
Brown Coffee
- 223A20
≈ Deep Fir
- 23334F
≈ Blue Lobelia
Complémentaire divisée +150° +210°
- 4B2726
Brown Coffee
- 0C3C30
≈ Deep Fir
- 10374A
≈ Crowberry Blue
Tétradique +90° +180° +270°
- 4B2726
Brown Coffee
- 333612
≈ Olivenite
- 003B3F
≈ Ghostlands Coal
- 342D4C
≈ Wild Iris
Contraste et accessibilité
Ag
AAASur blanc
WCAG 12.98:1 · APCA Lc 99
Ag
FailSur noir
WCAG 1.61:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 12.98:1 (AAA) · APCA Lc 99
Contrast pairs
Extraits de code
CSS
:root {
--brown-coffee: #4b2726;
--brown-coffee-rgb: 75 39 38;
--brown-coffee-oklch: oklch(0.32 0.054 22.2);
}
.element {
color: var(--brown-coffee);
background-color: hsl(2 33% 22%);
border-color: oklch(0.32 0.054 22.2);
}Tailwind CSS v4
@theme {
--color-brown-coffee: #4b2726;
--color-brown-coffee-50: #fff0ee;
--color-brown-coffee-100: #fae1df;
--color-brown-coffee-200: #ebccc9;
--color-brown-coffee-300: #d2adaa;
--color-brown-coffee-400: #bd9290;
--color-brown-coffee-500: #a77876;
--color-brown-coffee-600: #8e6664;
--color-brown-coffee-700: #715150;
--color-brown-coffee-800: #543b3a;
--color-brown-coffee-900: #3a2828;
--color-brown-coffee-950: #241616;
}SCSS
$brown-coffee: #4b2726;
$brown-coffee-rgb: 75, 39, 38;
$brown-coffee-light: mix(#fff, $brown-coffee, 20%);
$brown-coffee-dark: mix(#000, $brown-coffee, 20%);
.element {
color: $brown-coffee;
box-shadow: 0 0 0 2px rgba($brown-coffee, 0.35);
}