Couleur nommée la plus proche · #67341F
#67341F
Couleur nommée la plus proche: Freshly Roasted Coffee
#67341F (rgb(103 52 31), hsl(18 54% 26%), oklch(0.387 0.08 42.4)) 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.
#67341F
oklch(0.387 0.08 42.4)
Conversions de couleur
- HEX
- #67341f
- RGB
- rgb(103 52 31)
- HSL
- hsl(18 54% 26%)
- HWB
- hwb(18 12% 60%)
- OKLCH
- oklch(0.387 0.08 42.4)
- OKLab
- oklab(0.387 0.059 0.054)
- CIE Lab
- lab(28.28 21.93 23.75)
- LCH
- lch(28.28 32.32 47.3)
- CMYK
- cmyk(0% 50% 70% 60%)
Teintes · Ombres · Tons
Teintes
- 764734
- 855A48
- 956D5D
- A48173
- B39589
- C2A9A0
- D1BEB7
- E0D3CE
- F0E9E7
Ombres
- 592C19
- 4B2414
- 3D1C0F
- 30150A
- 230E06
- 170703
- 0C0301
- 040100
- 000000
Tons
- 6A3C29
- 6D4433
- 704B3C
- 735346
- 765A4F
- 786259
- 7A6963
- 7C716C
- 7E7876
Harmonies de couleurs
Complémentaire +180°
- 67341F
Freshly Roasted Coffee
- 004C60
≈ Raging Thunderstorm
Analogue -30° +30°
- 67341F
Freshly Roasted Coffee
- 683038
≈ Lovestruck
- 5E3C04
≈ Hippogriff Brown
Triadique +120° +240°
- 67341F
Freshly Roasted Coffee
- 095137
≈ Trapper Green
- 3E3E6D
≈ American Blue
Complémentaire divisée +150° +210°
- 67341F
Freshly Roasted Coffee
- 004F4D
≈ Antique Turquoise
- 21466E
≈ Pretty Twilight Night
Tétradique +90° +180° +270°
- 67341F
Freshly Roasted Coffee
- 334D1D
≈ Chestnut Green
- 004C60
≈ Raging Thunderstorm
- 533663
≈ Damson Mauve
Contraste et accessibilité
Sur blanc
WCAG 10.05:1 · APCA Lc 93
Sur noir
WCAG 2.08:1 · APCA Lc 9
Meilleure couleur de texte: #FFFFFF
WCAG 10.05:1 (AAA) · APCA Lc 93
Contrast pairs
Extraits de code
CSS
:root {
--freshly-roasted-coffee: #67341f;
--freshly-roasted-coffee-rgb: 103 52 31;
--freshly-roasted-coffee-oklch: oklch(0.387 0.08 42.4);
}
.element {
color: var(--freshly-roasted-coffee);
background-color: hsl(18 54% 26%);
border-color: oklch(0.387 0.08 42.4);
}Tailwind CSS v4
@theme {
--color-freshly-roasted-coffee: #67341f;
--color-freshly-roasted-coffee-50: #ffefe3;
--color-freshly-roasted-coffee-100: #ffe0d3;
--color-freshly-roasted-coffee-200: #f3cab9;
--color-freshly-roasted-coffee-300: #dbab96;
--color-freshly-roasted-coffee-400: #c88f79;
--color-freshly-roasted-coffee-500: #b3745b;
--color-freshly-roasted-coffee-600: #97634e;
--color-freshly-roasted-coffee-700: #7a4f3e;
--color-freshly-roasted-coffee-800: #5a392d;
--color-freshly-roasted-coffee-900: #3f271e;
--color-freshly-roasted-coffee-950: #28150e;
}SCSS
$freshly-roasted-coffee: #67341f;
$freshly-roasted-coffee-rgb: 103, 52, 31;
$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);
}