Couleur nommée la plus proche · #BB6348
#BB6348
Couleur nommée la plus proche: Bruschetta
#BB6348 (rgb(187 99 72), hsl(14 46% 51%), oklch(0.597 0.12 37.8)) est la plus proche de la couleur nommée Bruschetta. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#BB6348
oklch(0.597 0.12 37.8)
Conversions de couleur
- HEX
- #bb6348
- RGB
- rgb(187 99 72)
- HSL
- hsl(14 46% 51%)
- HWB
- hwb(14 28% 27%)
- OKLCH
- oklch(0.597 0.12 37.8)
- OKLab
- oklab(0.597 0.095 0.074)
- CIE Lab
- lab(52.28 34.41 31.85)
- LCH
- lch(52.28 46.89 42.8)
- CMYK
- cmyk(0% 47% 61% 27%)
Teintes · Ombres · Tons
Teintes
- C3735A
- CB826C
- D2927E
- DAA190
- E1B1A2
- E7C0B4
- EED0C6
- F4DFD9
- F9EFEC
Ombres
- A2553D
- 8A4733
- 733A29
- 5C2E1F
- 462116
- 32160D
- 1F0B06
- 0D0302
- 020000
Tons
- B6674E
- B16A55
- AB6D5B
- A67160
- A07466
- 9A766B
- 947971
- 8E7B76
- 877E7B
Harmonies de couleurs
Complémentaire +180°
- BB6348
Bruschetta
- 008EA9
≈ Quintana
Analogue -30° +30°
- BB6348
Bruschetta
- BA5E72
≈ Candied Apple
- AE701D
≈ Caramel
Triadique +120° +240°
- BB6348
Bruschetta
- 2F9463
≈ Eucalyptus
- 6F77C6
≈ Kickstart Purple
Complémentaire divisée +150° +210°
- BB6348
Bruschetta
- 00938A
≈ Torrid Turquoise
- 3C84C3
≈ King Triton
Tétradique +90° +180° +270°
- BB6348
Bruschetta
- 6B8C37
≈ Gǎn Lǎn Lǜ Green
- 008EA9
≈ Quintana
- 936AB6
≈ Viola
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.20:1 · APCA Lc 69
Ag
AASur noir
WCAG 4.99:1 · APCA Lc 33
Meilleure couleur de texte: #000000
WCAG 4.99:1 (AA) · APCA Lc 33
Contrast pairs
Extraits de code
CSS
:root {
--bruschetta: #bb6348;
--bruschetta-rgb: 187 99 72;
--bruschetta-oklch: oklch(0.597 0.12 37.8);
}
.element {
color: var(--bruschetta);
background-color: hsl(14 46% 51%);
border-color: oklch(0.597 0.12 37.8);
}Tailwind CSS v4
@theme {
--color-bruschetta: #bb6348;
--color-bruschetta-50: #ffeadc;
--color-bruschetta-100: #ffdbca;
--color-bruschetta-200: #ffc4ae;
--color-bruschetta-300: #eda289;
--color-bruschetta-400: #db8469;
--color-bruschetta-500: #c86648;
--color-bruschetta-600: #a9573e;
--color-bruschetta-700: #884531;
--color-bruschetta-800: #653124;
--color-bruschetta-900: #472218;
--color-bruschetta-950: #2e1009;
}SCSS
$bruschetta: #bb6348;
$bruschetta-rgb: 187, 99, 72;
$bruschetta-light: mix(#fff, $bruschetta, 20%);
$bruschetta-dark: mix(#000, $bruschetta, 20%);
.element {
color: $bruschetta;
box-shadow: 0 0 0 2px rgba($bruschetta, 0.35);
}