Couleur nommée la plus proche · #6A3728
#6A3728
Couleur nommée la plus proche: Freshly Roasted Coffee
#6A3728 (rgb(106 55 40), hsl(14 45% 29%), oklch(0.398 0.077 37.2)) est la plus proche de la couleur nommée Freshly Roasted Coffee. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#6A3728
oklch(0.398 0.077 37.2)
Conversions de couleur
- HEX
- #6a3728
- RGB
- rgb(106 55 40)
- HSL
- hsl(14 45% 29%)
- HWB
- hwb(14 16% 58%)
- OKLCH
- oklch(0.398 0.077 37.2)
- OKLab
- oklab(0.398 0.061 0.047)
- CIE Lab
- lab(29.6 22.07 19.91)
- LCH
- lch(29.6 29.72 42.1)
- CMYK
- cmyk(0% 48% 62% 58%)
Teintes · Ombres · Tons
Teintes
- 79493B
- 885C4F
- 976F63
- A68378
- B4968D
- C3ABA3
- D2BFBA
- E1D4D0
- F0E9E7
Ombres
- 5B2E21
- 4D261B
- 3F1E15
- 31160F
- 240F09
- 180804
- 0D0302
- 040101
- 000000
Tons
- 6D3E31
- 704639
- 724D42
- 75544B
- 775C54
- 79635C
- 7B6A65
- 7D716E
- 7F7977
Harmonies de couleurs
Complémentaire +180°
- 6A3728
Freshly Roasted Coffee
- 005060
≈ Sandalwood Grey Blue
Analogue -30° +30°
- 6A3728
Freshly Roasted Coffee
- 693440
≈ Chestnut Red
- 623E11
≈ Pullman Brown
Triadique +120° +240°
- 6A3728
Freshly Roasted Coffee
- 1B5336
≈ Kaitoke Green
- 3D4370
≈ Valiant Violet
Complémentaire divisée +150° +210°
- 6A3728
Freshly Roasted Coffee
- 00534E
≈ Plankton Green
- 204A6E
≈ Grape Blue
Tétradique +90° +180° +270°
- 6A3728
Freshly Roasted Coffee
- 3C4F1E
≈ No Emissions Green
- 005060
≈ Sandalwood Grey Blue
- 523B67
≈ Succinct Violet
Contraste et accessibilité
Sur blanc
WCAG 9.58:1 · APCA Lc 92
Sur noir
WCAG 2.18:1 · APCA Lc 10
Meilleure couleur de texte: #FFFFFF
WCAG 9.58:1 (AAA) · APCA Lc 92
Contrast pairs
Extraits de code
CSS
:root {
--freshly-roasted-coffee: #6a3728;
--freshly-roasted-coffee-rgb: 106 55 40;
--freshly-roasted-coffee-oklch: oklch(0.398 0.077 37.2);
}
.element {
color: var(--freshly-roasted-coffee);
background-color: hsl(14 45% 29%);
border-color: oklch(0.398 0.077 37.2);
}Tailwind CSS v4
@theme {
--color-freshly-roasted-coffee: #6a3728;
--color-freshly-roasted-coffee-50: #ffeee5;
--color-freshly-roasted-coffee-100: #ffe0d5;
--color-freshly-roasted-coffee-200: #f3cabc;
--color-freshly-roasted-coffee-300: #dbab9b;
--color-freshly-roasted-coffee-400: #c78f7e;
--color-freshly-roasted-coffee-500: #b37461;
--color-freshly-roasted-coffee-600: #976253;
--color-freshly-roasted-coffee-700: #794e42;
--color-freshly-roasted-coffee-800: #5a3930;
--color-freshly-roasted-coffee-900: #3f2721;
--color-freshly-roasted-coffee-950: #281510;
}SCSS
$freshly-roasted-coffee: #6a3728;
$freshly-roasted-coffee-rgb: 106, 55, 40;
$freshly-roasted-coffee-light: mix(#fff, $freshly-roasted-coffee, 20%);
$freshly-roasted-coffee-dark: mix(#000, $freshly-roasted-coffee, 20%);
.element {
color: $freshly-roasted-coffee;
box-shadow: 0 0 0 2px rgba($freshly-roasted-coffee, 0.35);
}