Couleur nommée la plus proche · #BE7D00
#BE7D00
Couleur nommée la plus proche: Caramel Coating
#BE7D00 (rgb(190 125 0), hsl(39 100% 37%), oklch(0.641 0.137 72.9)) est la plus proche de la couleur nommée Caramel Coating. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#BE7D00
oklch(0.641 0.137 72.9)
Conversions de couleur
- HEX
- #be7d00
- RGB
- rgb(190 125 0)
- HSL
- hsl(39 100% 37%)
- HWB
- hwb(39 0% 25%)
- OKLCH
- oklch(0.641 0.137 72.9)
- OKLab
- oklab(0.641 0.04 0.131)
- CIE Lab
- lab(58.19 20.35 63.88)
- LCH
- lch(58.19 67.04 72.3)
- CMYK
- cmyk(0% 34% 100% 25%)
Teintes · Ombres · Tons
Teintes
- C58A34
- CC974F
- D3A467
- D9B17E
- E0BE94
- E6CBA9
- EDD8BF
- F3E5D4
- F9F2E9
Ombres
- A56C00
- 8C5B00
- 754B00
- 5E3B00
- 482C00
- 331E00
- 1F1100
- 0D0500
- 020100
Tons
- B87E24
- B27F35
- AC7F43
- A6804E
- A08058
- 9A8061
- 938069
- 8D8071
- 878079
Harmonies de couleurs
Complémentaire +180°
- BE7D00
Caramel Coating
- 4A8FDD
≈ Oregon Blue
Analogue -30° +30°
- BE7D00
Caramel Coating
- D06D43
≈ Fresh Acorn
- 9C8F00
≈ Smoothie Green
Triadique +120° +240°
- BE7D00
Caramel Coating
- 00A19F
≈ Aqua Velvet
- A972C7
≈ Rich Lavender
Complémentaire divisée +150° +210°
- BE7D00
Caramel Coating
- 009CC1
≈ Sea Wonder
- 8280DC
≈ Indigo Bloom
Tétradique +90° +180° +270°
- BE7D00
Caramel Coating
- 0DA674
≈ Bluish Green
- 4A8FDD
≈ Oregon Blue
- C468A2
≈ Nocturnal Rose
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.42:1 · APCA Lc 61
Ag
AASur noir
WCAG 6.12:1 · APCA Lc 40
Meilleure couleur de texte: #000000
WCAG 6.12:1 (AA) · APCA Lc 40
Contrast pairs
Extraits de code
CSS
:root {
--caramel-coating: #be7d00;
--caramel-coating-rgb: 190 125 0;
--caramel-coating-oklch: oklch(0.641 0.137 72.9);
}
.element {
color: var(--caramel-coating);
background-color: hsl(39 100% 37%);
border-color: oklch(0.641 0.137 72.9);
}Tailwind CSS v4
@theme {
--color-caramel-coating: #be7d00;
--color-caramel-coating-50: #fff0ca;
--color-caramel-coating-100: #ffe2b6;
--color-caramel-coating-200: #f7cc92;
--color-caramel-coating-300: #e0ad64;
--color-caramel-coating-400: #cf9033;
--color-caramel-coating-500: #bb7400;
--color-caramel-coating-600: #9e6300;
--color-caramel-coating-700: #7f4f00;
--color-caramel-coating-800: #5f3800;
--color-caramel-coating-900: #432700;
--color-caramel-coating-950: #2b1500;
}SCSS
$caramel-coating: #be7d00;
$caramel-coating-rgb: 190, 125, 0;
$caramel-coating-light: mix(#fff, $caramel-coating, 20%);
$caramel-coating-dark: mix(#000, $caramel-coating, 20%);
.element {
color: $caramel-coating;
box-shadow: 0 0 0 2px rgba($caramel-coating, 0.35);
}