Dichtstbijzijnde benoemde kleur · #9A5A00
#9A5A00
Dichtstbijzijnde benoemde kleur: Mochaccino
#9A5A00 (rgb(154 90 0), hsl(35 100% 30%), oklch(0.529 0.119 64.3)) komt het dichtst bij de benoemde kleur Mochaccino. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#9A5A00
oklch(0.529 0.119 64.3)
Kleurconversies
- HEX
- #9a5a00
- RGB
- rgb(154 90 0)
- HSL
- hsl(35 100% 30%)
- HWB
- hwb(35 0% 40%)
- OKLCH
- oklch(0.529 0.119 64.3)
- OKLab
- oklab(0.529 0.052 0.108)
- CIE Lab
- lab(44.97 23.11 53.21)
- LCH
- lch(44.97 58.01 66.5)
- CMYK
- cmyk(0% 42% 100% 40%)
Tinten · Schaduwen · Tonen
Tinten
- A56A2B
- AF7A46
- BA8B5E
- C49B74
- CEAB8B
- D8BCA2
- E2CCB9
- ECDDD0
- F5EEE7
Schaduwen
- 854D00
- 714100
- 5E3500
- 4B2900
- 391E00
- 271300
- 170900
- 090300
- 010000
Tonen
- 985E1D
- 96632D
- 94673A
- 916B46
- 8F6F50
- 8C725A
- 897664
- 86796E
- 837D77
Kleurharmonieën
Complementair +180°
- 9A5A00
Mochaccino
- 1C71AB
≈ Planetarium
Analoog -30° +30°
- 9A5A00
Mochaccino
- A54E3A
≈ Texas Heatwave
- 806A00
≈ Muddy Brown
Triadisch +120° +240°
- 9A5A00
Mochaccino
- 007D72
≈ Romantic Isle
- 7B58A3
≈ Sumire Violet
Gesplitst complementair +150° +210°
- 9A5A00
Mochaccino
- 00798D
≈ Bimini Blue
- 5764B0
≈ Submarine Base
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.47:1 · APCA Lc 77
Ag
FailOp zwart
WCAG 3.83:1 · APCA Lc 25
Beste tekstkleur: #FFFFFF
WCAG 5.47:1 (AA) · APCA Lc 77
Contrast pairs
Codefragmenten
CSS
:root {
--mochaccino: #9a5a00;
--mochaccino-rgb: 154 90 0;
--mochaccino-oklch: oklch(0.529 0.119 64.3);
}
.element {
color: var(--mochaccino);
background-color: hsl(35 100% 30%);
border-color: oklch(0.529 0.119 64.3);
}Tailwind CSS v4
@theme {
--color-mochaccino: #9a5a00;
--color-mochaccino-50: #ffefd2;
--color-mochaccino-100: #ffe1be;
--color-mochaccino-200: #f8cb9e;
--color-mochaccino-300: #e1ab74;
--color-mochaccino-400: #cf8f4d;
--color-mochaccino-500: #bc731a;
--color-mochaccino-600: #9e611a;
--color-mochaccino-700: #7f4e15;
--color-mochaccino-800: #5f380e;
--color-mochaccino-900: #432609;
--color-mochaccino-950: #2b1400;
}SCSS
$mochaccino: #9a5a00;
$mochaccino-rgb: 154, 90, 0;
$mochaccino-light: mix(#fff, $mochaccino, 20%);
$mochaccino-dark: mix(#000, $mochaccino, 20%);
.element {
color: $mochaccino;
box-shadow: 0 0 0 2px rgba($mochaccino, 0.35);
}