Dichtstbijzijnde benoemde kleur · #C99459
#C99459
Dichtstbijzijnde benoemde kleur: Caramel Crumb
#C99459 (rgb(201 148 89), hsl(32 51% 57%), oklch(0.705 0.099 68)) komt het dichtst bij de benoemde kleur Caramel Crumb. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#C99459
oklch(0.705 0.099 68)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- CF9F6A
- D4A97B
- DAB48C
- E0BF9C
- E5C9AD
- EAD4BD
- F0DFCD
- F5E9DE
- FAF4EE
Schaduwen
- AE804C
- 956D40
- 7C5A34
- 644828
- 4C361D
- 362613
- 221609
- 0F0803
- 020100
Tonen
- C2925E
- BA9063
- B38F68
- AC8D6C
- A58B70
- 9D8973
- 968777
- 8F847A
- 87827D
Kleurharmonieën
Complementair +180°
- C99459
Caramel Crumb
- 6CA5DB
≈ Baja Blue
Analoog -30° +30°
- C99459
Caramel Crumb
- D68A72
≈ Vintage Coral
- B0A154
≈ Gingko Leaf
Triadisch +120° +240°
- C99459
Caramel Crumb
- 47B4AB
≈ Emerald Wave
- B18FD0
≈ Pale Purple
Gesplitst complementair +150° +210°
- C99459
Caramel Crumb
- 4BAFC9
≈ Viking
- 919ADD
≈ Portage
Tetradisch +90° +180° +270°
- C99459
Caramel Crumb
- 67B388
≈ Lily Pads
- 6CA5DB
≈ Baja Blue
- C988B6
≈ Rock Star Pink
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.67:1 · APCA Lc 52
Ag
AAAOp zwart
WCAG 7.86:1 · APCA Lc 50
Beste tekstkleur: #000000
WCAG 7.86:1 (AAA) · APCA Lc 50
Contrast pairs
Codefragmenten
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);
}