Couleur nommée la plus proche · #C27500
#C27500
Couleur nommée la plus proche: Caramel Coating
#C27500 (rgb(194 117 0), hsl(36 100% 38%), oklch(0.632 0.141 65.8)) 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.
#C27500
oklch(0.632 0.141 65.8)
Conversions de couleur
- HEX
- #c27500
- RGB
- rgb(194 117 0)
- HSL
- hsl(36 100% 38%)
- HWB
- hwb(36 0% 24%)
- OKLCH
- oklch(0.632 0.141 65.8)
- OKLab
- oklab(0.632 0.058 0.128)
- CIE Lab
- lab(56.84 26.26 63.41)
- LCH
- lch(56.84 68.63 67.5)
- CMYK
- cmyk(0% 40% 100% 24%)
Teintes · Ombres · Tons
Teintes
- C98333
- D0914E
- D69F66
- DDAD7D
- E3BA93
- E9C8A8
- EFD6BE
- F4E3D4
- FAF1E9
Ombres
- A86500
- 8F5500
- 774600
- 603700
- 492900
- 341C00
- 200F00
- 0E0500
- 020100
Tons
- BC7723
- B67935
- AF7A42
- A97B4D
- A27C57
- 9C7D60
- 957E69
- 8E7F71
- 878078
Harmonies de couleurs
Complémentaire +180°
- C27500
Caramel Coating
- 2E90D9
≈ Magical Merlin
Analogue -30° +30°
- C27500
Caramel Coating
- D0664A
≈ Citrus Notes
- A28800
≈ Golden Palm
Triadique +120° +240°
- C27500
Caramel Coating
- 009F93
≈ Alhambra
- 9F71CD
≈ Rich Lavender
Complémentaire divisée +150° +210°
- C27500
Caramel Coating
- 009AB5
≈ Barrier Reef
- 7380DE
≈ Tanzine
Tétradique +90° +180° +270°
- C27500
Caramel Coating
- 27A264
≈ Biel-Tan Green
- 2E90D9
≈ Magical Merlin
- BD65AA
≈ Young Purple
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.59:1 · APCA Lc 63
Ag
AASur noir
WCAG 5.83:1 · APCA Lc 39
Meilleure couleur de texte: #000000
WCAG 5.83:1 (AA) · APCA Lc 39
Contrast pairs
Extraits de code
CSS
:root {
--caramel-coating: #c27500;
--caramel-coating-rgb: 194 117 0;
--caramel-coating-oklch: oklch(0.632 0.141 65.8);
}
.element {
color: var(--caramel-coating);
background-color: hsl(36 100% 38%);
border-color: oklch(0.632 0.141 65.8);
}Tailwind CSS v4
@theme {
--color-caramel-coating: #c27500;
--color-caramel-coating-50: #ffeecb;
--color-caramel-coating-100: #ffe0b6;
--color-caramel-coating-200: #fdc993;
--color-caramel-coating-300: #e7a964;
--color-caramel-coating-400: #d68b35;
--color-caramel-coating-500: #c36e00;
--color-caramel-coating-600: #a55e00;
--color-caramel-coating-700: #844b00;
--color-caramel-coating-800: #633500;
--color-caramel-coating-900: #462500;
--color-caramel-coating-950: #2d1300;
}SCSS
$caramel-coating: #c27500;
$caramel-coating-rgb: 194, 117, 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);
}