Dichtstbijzijnde benoemde kleur · #C2924B
#C2924B
Dichtstbijzijnde benoemde kleur: Caramel Crumb
#C2924B (rgb(194 146 75), hsl(36 49% 53%), oklch(0.692 0.106 75.2)) 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.
#C2924B
oklch(0.692 0.106 75.2)
Kleurconversies
- HEX
- #c2924b
- RGB
- rgb(194 146 75)
- HSL
- hsl(36 49% 53%)
- HWB
- hwb(36 29% 24%)
- OKLCH
- oklch(0.692 0.106 75.2)
- OKLab
- oklab(0.692 0.027 0.102)
- CIE Lab
- lab(64.19 13.05 44.26)
- LCH
- lch(64.19 46.14 73.6)
- CMYK
- cmyk(0% 25% 61% 24%)
Tinten · Schaduwen · Tonen
Tinten
- C89D5F
- CFA871
- D5B283
- DBBD95
- E1C8A7
- E7D3B8
- EDDECA
- F3E9DB
- F9F4ED
Schaduwen
- A87E40
- 8F6B35
- 77582B
- 604621
- 493517
- 34250E
- 201606
- 0E0802
- 020100
Tonen
- BB9052
- B58F59
- AE8D5F
- A88C65
- A18A6A
- 9B886F
- 948673
- 8D8478
- 87827C
Kleurharmonieën
Complementair +180°
- C2924B
Caramel Crumb
- 6E9EDC
≈ Blue Electress
Analoog -30° +30°
- C2924B
Caramel Crumb
- D28663
≈ Harvest Time
- A5A04C
≈ Reed Green
Triadisch +120° +240°
- C2924B
Caramel Crumb
- 32B0B0
≈ Lake Tahoe Turquoise
- B587C9
≈ Creeping Bellflower
Gesplitst complementair +150° +210°
- C2924B
Caramel Crumb
- 45A9CD
≈ Mystic Blue
- 9592DB
≈ Portage
Tetradisch +90° +180° +270°
- C2924B
Caramel Crumb
- 53B18C
≈ Aruba Green
- 6E9EDC
≈ Blue Electress
- CB81AB
≈ Moonlight Mauve
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.79:1 · APCA Lc 54
Ag
AAAOp zwart
WCAG 7.50:1 · APCA Lc 48
Beste tekstkleur: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Codefragmenten
CSS
:root {
--caramel-crumb: #c2924b;
--caramel-crumb-rgb: 194 146 75;
--caramel-crumb-oklch: oklch(0.692 0.106 75.2);
}
.element {
color: var(--caramel-crumb);
background-color: hsl(36 49% 53%);
border-color: oklch(0.692 0.106 75.2);
}Tailwind CSS v4
@theme {
--color-caramel-crumb: #c2924b;
--color-caramel-crumb-50: #fff2d4;
--color-caramel-crumb-100: #fce4c1;
--color-caramel-crumb-200: #eecfa2;
--color-caramel-crumb-300: #d6b179;
--color-caramel-crumb-400: #c39553;
--color-caramel-crumb-500: #af7b26;
--color-caramel-crumb-600: #936822;
--color-caramel-crumb-700: #76531b;
--color-caramel-crumb-800: #583c12;
--color-caramel-crumb-900: #3e290b;
--color-caramel-crumb-950: #271701;
}SCSS
$caramel-crumb: #c2924b;
$caramel-crumb-rgb: 194, 146, 75;
$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);
}