Couleur nommée la plus proche · #C99459
#C99459
Couleur nommée la plus proche: Caramel Crumb
#C99459 (rgb(201 148 89), hsl(32 51% 57%), oklch(0.705 0.099 68)) est la plus proche de la couleur nommée Caramel Crumb. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C99459
oklch(0.705 0.099 68)
Conversions de couleur
- HEX
- #c99459
- RGB
- rgb(201 148 89)
- HSL
- hsl(32 51% 57%)
- HWB
- hwb(32 35% 21%)
- OKLCH
- oklch(0.705 0.099 68)
- OKLab
- oklab(0.705 0.037 0.092)
- CIE Lab
- lab(65.62 15.76 39.1)
- LCH
- lch(65.62 42.16 68.1)
- CMYK
- cmyk(0% 26% 56% 21%)
Teintes · Ombres · Tons
Teintes
- CF9F6A
- D4A97B
- DAB48C
- E0BF9C
- E5C9AD
- EAD4BD
- F0DFCD
- F5E9DE
- FAF4EE
Ombres
- AE804C
- 956D40
- 7C5A34
- 644828
- 4C361D
- 362613
- 221609
- 0F0803
- 020100
Tons
- C2925E
- BA9063
- B38F68
- AC8D6C
- A58B70
- 9D8973
- 968777
- 8F847A
- 87827D
Harmonies de couleurs
Complémentaire +180°
- C99459
Caramel Crumb
- 6CA5DB
≈ Baja Blue
Analogue -30° +30°
- C99459
Caramel Crumb
- D68A72
≈ Vintage Coral
- B0A154
≈ Gingko Leaf
Triadique +120° +240°
- C99459
Caramel Crumb
- 47B4AB
≈ Emerald Wave
- B18FD0
≈ Pale Purple
Complémentaire divisée +150° +210°
- C99459
Caramel Crumb
- 4BAFC9
≈ Viking
- 919ADD
≈ Portage
Tétradique +90° +180° +270°
- C99459
Caramel Crumb
- 67B388
≈ Lily Pads
- 6CA5DB
≈ Baja Blue
- C988B6
≈ Rock Star Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.67:1 · APCA Lc 52
Ag
AAASur noir
WCAG 7.86:1 · APCA Lc 50
Meilleure couleur de texte: #000000
WCAG 7.86:1 (AAA) · APCA Lc 50
Contrast pairs
Extraits de code
CSS
:root {
--caramel-crumb: #c99459;
--caramel-crumb-rgb: 201 148 89;
--caramel-crumb-oklch: oklch(0.705 0.099 68);
}
.element {
color: var(--caramel-crumb);
background-color: hsl(32 51% 57%);
border-color: oklch(0.705 0.099 68);
}Tailwind CSS v4
@theme {
--color-caramel-crumb: #c99459;
--color-caramel-crumb-50: #fff1d7;
--color-caramel-crumb-100: #fee3c5;
--color-caramel-crumb-200: #f0cea7;
--color-caramel-crumb-300: #d9af7f;
--color-caramel-crumb-400: #c5935c;
--color-caramel-crumb-500: #b17835;
--color-caramel-crumb-600: #96662e;
--color-caramel-crumb-700: #785225;
--color-caramel-crumb-800: #5a3b19;
--color-caramel-crumb-900: #3f2810;
--color-caramel-crumb-950: #281604;
}SCSS
$caramel-crumb: #c99459;
$caramel-crumb-rgb: 201, 148, 89;
$caramel-crumb-light: mix(#fff, $caramel-crumb, 20%);
$caramel-crumb-dark: mix(#000, $caramel-crumb, 20%);
.element {
color: $caramel-crumb;
box-shadow: 0 0 0 2px rgba($caramel-crumb, 0.35);
}