Couleur nommée la plus proche · #653323
#653323
Couleur nommée la plus proche: Freshly Roasted Coffee
#653323 (rgb(101 51 35), hsl(15 49% 27%), oklch(0.382 0.077 38.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.
#653323
oklch(0.382 0.077 38.4)
Conversions de couleur
- HEX
- #653323
- RGB
- rgb(101 51 35)
- HSL
- hsl(15 49% 27%)
- HWB
- hwb(15 14% 60%)
- OKLCH
- oklch(0.382 0.077 38.4)
- OKLab
- oklab(0.382 0.06 0.048)
- CIE Lab
- lab(27.77 21.81 20.6)
- LCH
- lch(27.77 30 43.4)
- CMYK
- cmyk(0% 50% 65% 60%)
Teintes · Ombres · Tons
Teintes
- 744637
- 84594B
- 936C60
- A28075
- B2948B
- C1A9A1
- D1BEB8
- E0D3CF
- EFE9E7
Ombres
- 572B1D
- 492317
- 3C1C11
- 2F140C
- 220D07
- 170704
- 0C0301
- 030100
- 000000
Tons
- 683B2C
- 6C4336
- 6F4A3F
- 725248
- 755A51
- 77615A
- 7A6964
- 7C716D
- 7E7876
Harmonies de couleurs
Complémentaire +180°
- 653323
Freshly Roasted Coffee
- 004B5C
≈ Nocturnal Expedition
Analogue -30° +30°
- 653323
Freshly Roasted Coffee
- 65303B
≈ Power Tie
- 5D3A0B
≈ Hippogriff Brown
Triadique +120° +240°
- 653323
Freshly Roasted Coffee
- 154F33
≈ Order Green
- 3A3E6B
≈ Raven Night
Complémentaire divisée +150° +210°
- 653323
Freshly Roasted Coffee
- 004E4A
≈ Action Green
- 1E466A
≈ Terror From the Deep
Tétradique +90° +180° +270°
- 653323
Freshly Roasted Coffee
- 374B1A
≈ Treetop Cathedral
- 004B5C
≈ Nocturnal Expedition
- 4F3762
≈ Petunia
Contraste et accessibilité
Sur blanc
WCAG 10.23:1 · APCA Lc 93
Sur noir
WCAG 2.05:1 · APCA Lc 9
Meilleure couleur de texte: #FFFFFF
WCAG 10.23:1 (AAA) · APCA Lc 93
Contrast pairs
Extraits de code
CSS
:root {
--freshly-roasted-coffee: #653323;
--freshly-roasted-coffee-rgb: 101 51 35;
--freshly-roasted-coffee-oklch: oklch(0.382 0.077 38.4);
}
.element {
color: var(--freshly-roasted-coffee);
background-color: hsl(15 49% 27%);
border-color: oklch(0.382 0.077 38.4);
}Tailwind CSS v4
@theme {
--color-freshly-roasted-coffee: #653323;
--color-freshly-roasted-coffee-50: #ffeee5;
--color-freshly-roasted-coffee-100: #ffe0d5;
--color-freshly-roasted-coffee-200: #f2cabc;
--color-freshly-roasted-coffee-300: #dbab9a;
--color-freshly-roasted-coffee-400: #c78f7d;
--color-freshly-roasted-coffee-500: #b27460;
--color-freshly-roasted-coffee-600: #976352;
--color-freshly-roasted-coffee-700: #794f41;
--color-freshly-roasted-coffee-800: #5a3930;
--color-freshly-roasted-coffee-900: #3f2720;
--color-freshly-roasted-coffee-950: #281510;
}SCSS
$freshly-roasted-coffee: #653323;
$freshly-roasted-coffee-rgb: 101, 51, 35;
$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);
}