Dichtstbijzijnde benoemde kleur · #432900
#432900
Dichtstbijzijnde benoemde kleur: Moelleux au Chocolat
#432900 (rgb(67 41 0), hsl(37 100% 13%), oklch(0.306 0.065 72.6)) komt het dichtst bij de benoemde kleur Moelleux au Chocolat. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#432900
oklch(0.306 0.065 72.6)
Kleurconversies
- HEX
- #432900
- RGB
- rgb(67 41 0)
- HSL
- hsl(37 100% 13%)
- HWB
- hwb(37 0% 74%)
- OKLCH
- oklch(0.306 0.065 72.6)
- OKLab
- oklab(0.306 0.02 0.062)
- CIE Lab
- lab(19.38 9.84 27.88)
- LCH
- lch(19.38 29.57 70.6)
- CMYK
- cmyk(0% 39% 100% 74%)
Tinten · Schaduwen · Tonen
Tinten
- 543C1B
- 664F33
- 78634A
- 8A7862
- 9D8D7B
- B0A394
- C3B9AE
- D7D0C8
- EBE7E3
Schaduwen
- 392200
- 2F1C00
- 261500
- 1D0F00
- 140900
- 0C0500
- 050200
- 010100
- 000000
Tonen
- 493110
- 4F3A1D
- 55422A
- 5B4B36
- 625342
- 685C4E
- 6E655B
- 746E67
- 7A7773
Kleurharmonieën
Complementair +180°
- 432900
Moelleux au Chocolat
- 14304F
≈ Crow Black Blue
Analoog -30° +30°
- 432900
Moelleux au Chocolat
- 4A2312
≈ Wild Brown
- 363000
≈ Wasabi Nori
Triadisch +120° +240°
- 432900
Moelleux au Chocolat
- 003736
≈ Shrub Green
- 3B2547
≈ Operetta Mauve
Gesplitst complementair +150° +210°
- 432900
Moelleux au Chocolat
- 003544
≈ Nordic Noir
- 2B2A4F
≈ Cardinal Mauve
Tetradisch +90° +180° +270°
- 432900
Moelleux au Chocolat
- 023925
≈ Off-Road Green
- 14304F
≈ Crow Black Blue
- 452138
≈ Juice Violet
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 13.49:1 · APCA Lc 100
Ag
FailOp zwart
WCAG 1.55:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 13.49:1 (AAA) · APCA Lc 100
Contrast pairs
Codefragmenten
CSS
:root {
--moelleux-au-chocolat: #432900;
--moelleux-au-chocolat-rgb: 67 41 0;
--moelleux-au-chocolat-oklch: oklch(0.306 0.065 72.6);
}
.element {
color: var(--moelleux-au-chocolat);
background-color: hsl(37 100% 13%);
border-color: oklch(0.306 0.065 72.6);
}Tailwind CSS v4
@theme {
--color-moelleux-au-chocolat: #432900;
--color-moelleux-au-chocolat-50: #fff3e1;
--color-moelleux-au-chocolat-100: #f5e5d0;
--color-moelleux-au-chocolat-200: #e5d1b6;
--color-moelleux-au-chocolat-300: #ccb393;
--color-moelleux-au-chocolat-400: #b79974;
--color-moelleux-au-chocolat-500: #a17f55;
--color-moelleux-au-chocolat-600: #886c48;
--color-moelleux-au-chocolat-700: #6d5639;
--color-moelleux-au-chocolat-800: #513f29;
--color-moelleux-au-chocolat-900: #382b1b;
--color-moelleux-au-chocolat-950: #23180c;
}SCSS
$moelleux-au-chocolat: #432900;
$moelleux-au-chocolat-rgb: 67, 41, 0;
$moelleux-au-chocolat-light: mix(#fff, $moelleux-au-chocolat, 20%);
$moelleux-au-chocolat-dark: mix(#000, $moelleux-au-chocolat, 20%);
.element {
color: $moelleux-au-chocolat;
box-shadow: 0 0 0 2px rgba($moelleux-au-chocolat, 0.35);
}