Dichtstbijzijnde benoemde kleur · #A05A30
#A05A30
Dichtstbijzijnde benoemde kleur: Indochine
#A05A30 (rgb(160 90 48), hsl(23 54% 41%), oklch(0.541 0.108 49.8)) komt het dichtst bij de benoemde kleur Indochine. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#A05A30
oklch(0.541 0.108 49.8)
Kleurconversies
- HEX
- #a05a30
- RGB
- rgb(160 90 48)
- HSL
- hsl(23 54% 41%)
- HWB
- hwb(23 19% 37%)
- OKLCH
- oklch(0.541 0.108 49.8)
- OKLab
- oklab(0.541 0.07 0.082)
- CIE Lab
- lab(46.08 26.83 36.68)
- LCH
- lch(46.08 45.44 53.8)
- CMYK
- cmyk(0% 44% 70% 37%)
Tinten · Schaduwen · Tonen
Tinten
- AA6A45
- B47A5A
- BE8A6E
- C89B82
- D2AB96
- DBBBAB
- E4CCBF
- EDDDD4
- F6EEEA
Schaduwen
- 8B4D28
- 764121
- 61351A
- 4E2913
- 3B1E0C
- 291306
- 190903
- 090301
- 010000
Tonen
- 9D5E3A
- 9B6343
- 98674B
- 956B53
- 926E5B
- 8F7263
- 8B766A
- 887972
- 847D79
Kleurharmonieën
Complementair +180°
- A05A30
Indochine
- 0079A1
≈ Mitchell Blue
Analoog -30° +30°
- A05A30
Indochine
- A45355
≈ The Ego Has Landed
- 90660E
≈ Sassy Olive
Triadisch +120° +240°
- A05A30
Indochine
- 008265
≈ Shadows of Time
- 6E63A9
≈ Scampi
Gesplitst complementair +150° +210°
- A05A30
Indochine
- 007F84
≈ Go Alpha
- 486EAD
≈ New Age Blue
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.25:1 · APCA Lc 76
Ag
FailOp zwart
WCAG 3.99:1 · APCA Lc 26
Beste tekstkleur: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
Codefragmenten
CSS
:root {
--indochine: #a05a30;
--indochine-rgb: 160 90 48;
--indochine-oklch: oklch(0.541 0.108 49.8);
}
.element {
color: var(--indochine);
background-color: hsl(23 54% 41%);
border-color: oklch(0.541 0.108 49.8);
}Tailwind CSS v4
@theme {
--color-indochine: #a05a30;
--color-indochine-50: #ffedda;
--color-indochine-100: #ffdfc8;
--color-indochine-200: #fbc8aa;
--color-indochine-300: #e4a884;
--color-indochine-400: #d28b63;
--color-indochine-500: #be6f40;
--color-indochine-600: #a15e37;
--color-indochine-700: #814b2c;
--color-indochine-800: #60361f;
--color-indochine-900: #442514;
--color-indochine-950: #2b1306;
}SCSS
$indochine: #a05a30;
$indochine-rgb: 160, 90, 48;
$indochine-light: mix(#fff, $indochine, 20%);
$indochine-dark: mix(#000, $indochine, 20%);
.element {
color: $indochine;
box-shadow: 0 0 0 2px rgba($indochine, 0.35);
}